react-routerV6.0的使用

依赖包：

react-router-dom@6.0.0-beta.0

history@5.0.0

 

1. 在入口文件index.tsx中使用 BrowserRouter 包裹app组件

 

2. 组建中配置跳转

 

 

 

 

 

 

 

 

 

3. Link

 

 

4. 嵌套路由

4-1. 从 react-router-dom 中导入Outlet组件（此组件同理vue中的 router-view ）

下图为 LayoutComponent  组件代码，匹配到的路由要插入到Outlet组件的位置

 

 

 4-2. 嵌套路由写法

 

posted @ 2021-07-23 19:09  大厨的笔记  阅读(1573)  评论(0)  编辑  收藏  举报