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. 嵌套路由写法

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM