依赖包:
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-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删除。