React ROUTER之嵌套路由

第一张是需要修改router文件createBrowserRouterd参数数组中的路由关系

第二张是需要在一级路由的index.js中选择二级路由的位置

第一步是在全局的router.js文件中加入新的children属性,如图

第二步是在一级路由的index.js文件中声明outLet组件

默认二级路由

在未点击一级路由跳转二级路由的按钮时就已经将一个默认的二级路由渲染出来的操作

1.把想要的默认二级路由Path干掉

2.增加一个index属性并设置为true

并且一级路由组件的index.js也需要修改

404兜底组件




两种路由模式

相关推荐
Hilaku几秒前
深入background-image:你可能不知道的几个性能优化与高级技巧
前端·css
南岸月明3 分钟前
副业自媒体1年终于明白:为什么会表达的人,能量越来越强,更能赚到钱?
前端
Danny_FD17 分钟前
Vue + Element UI 实现模糊搜索自动补全
前端·javascript
gnip21 分钟前
闭包实现一个简单Vue3的状态管理
前端·javascript
ZL不懂前端24 分钟前
使用 React + Konva 构建交互式立方体绘制工具
react.js·ecmascript 6
斐济岛上有一只斐济27 分钟前
后端程序员的CSS复习
前端
Enddme30 分钟前
《面试必问!JavaScript 中this 全方位避坑指南 (含高频题解析)》
前端·javascript·面试
有梦想的程序员31 分钟前
微信小程序使用 Tailwind CSS version 3
前端
你怎么知道我是队长1 小时前
python---eval函数
开发语言·javascript·python
溟洵1 小时前
Qt 窗口 工具栏QToolBar、状态栏StatusBar
开发语言·前端·数据库·c++·后端·qt