react router
在v6
版本取消了
,并使用
实现重定向功能。
一级路由重定向比如访问
localhost:3000/
重定向到 localhost:3000/homepage
,我们得这样写:const routerMap = [
{
path: 'homepage',
element:
},
{
path: '/',
element:
}
]
【react.js|React Router V6实现嵌套路由重定向】这样就能实现简单的重定向功能。
但是我们的页面不止一个层级,是嵌套路由的话我们怎么实现呢?开始作者也搜寻了很久答案,没结果。最后还是想着不能脱离
。于是在反复实验下,终于实现了。const routerMap = [
{
path: 'nested-routes',
element:
},
{
path: 'nested-routes',
element: ,
children: [
{
path: 'nested1',
element:
},
{
path: 'nested2',
element:
},
]
}
]
我们只需要在要实现重定向的一级路由声明两次
element
属性,因为一个代表当前路径所展示的页面,另一个表示重定向路径。推荐阅读
- React|react-router之路由重定向
- 工作-React|2022-06-29 工作记录--React-函数式组件 useState的使用 + useEffect的使用 + 监听事件的使用
- 学习|React组件基础
- rxjava|阿里二面(SpringBoot中如何设置HTTP缓存())
- vue面试|vue中Mixin和extends详解
- 日常|vue mixin(混入)实际项目中使用详解
- 前端发展历史|从输入url到看到页面经历了些什么(二)——浏览器渲染
- React报错之Cannot find namespace context
- JavaScript|神经网络之智能科学与技术专业