react-routerV6.0的使用

依赖包:

react-router@6.0.0-beta.0

react-router-dom@6.0.0-beta.0

history@5.0.0

 

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

react-routerV6.0的使用

 

2. 组建中配置跳转

react-routerV6.0的使用

 

3. Link

react-routerV6.0的使用

 

 

4. 嵌套路由

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

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

react-routerV6.0的使用

 

 

 4-2. 嵌套路由写法

react-routerV6.0的使用

 

react-routerV6.0的使用

上一篇:回顾方法定义


下一篇:pg pg_stat_statements监控模块