react 路由5路由6的区别

react Router v6使用Hooks来实现路由，而v5使用高阶组件（HOC）来实现路由。这是它们之间最大的区别。

1、路由配置

React Router v5中的路由配置需要将Route组件作为子组件嵌套在Switch组件中。而React Router v6中的路由配置方式发生了变化。现在，我们需要在Routes组件中使用数组来配置路由。

2、嵌套路由

在React Router v6中，嵌套路由的使用方式更加简单直观。在v5中，嵌套路由需要在组件之间进行深度传递props，而在v6中，可以使用嵌套路由。

3、状态管理

React Router v6通过提供useSearchParams、useLocation和useNavigate等Hooks，使得状态管理变得更加方便。这些Hooks可以帮助我们在不同的路由之间共享状态，而在v5中需要使用类似于redux等外部状态管理库来实现。