首页 > 其他 > 详细

react-routerV6.0的使用

时间:2021-07-24 00:09:16      阅读:20      评论:0      收藏: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组件

技术分享图片

 

2. 组建中配置跳转

技术分享图片

 

3. Link

技术分享图片

 

 

4. 嵌套路由

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

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

技术分享图片

 

 

 4-2. 嵌套路由写法

技术分享图片

 

react-routerV6.0的使用

原文:https://www.cnblogs.com/chefweb/p/15050247.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!