一、【React-Router6】概述

1、React Router 以3种不同的包发布到npm上

1. react-router：路由核心库，提供了很多组件、钩子
2. react-router-dom：包含react-router所有内容，并添加了一些专门用于DOM的组件，例如<BrowserRouter>
3. react-router-native：包含react-router所有内容，并添加了一些专门用于ReactNative的API，例如<NativeRouter>

2、与 React Router 5.x 区别

1. 内置组件变化：移除 <Switch>，新增 <Routes> 等
2. 语法变化：component={About} 变为 element={<About/>} 等
3. 新增多个hook：useParams、useNavigate、useMatch 等
4. 函数式组件正式成为顶流