React ROUTER之嵌套路由

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

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

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

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

默认二级路由

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

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

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

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

404兜底组件




两种路由模式

相关推荐
ikonan几秒前
译:不要过度优化你的优化
前端·javascript·react.js
ze_juejin几秒前
浏览器缓存机制与注意事项总结
前端
山西第一大怨种3 分钟前
我的浏览器下雨了进水了
前端·webgl
何贤4 分钟前
😲我写出了 Threejs 版城市天际线?!(官推转发🥳+ 源码分享🚀)
前端·开源·three.js
前端老鹰4 分钟前
JavaScript Array.prototype.at ():数组任意位置取值的新姿势
前端·javascript
autumnTop11 分钟前
为什么访问不了同事的服务器或者ping不通地址了?
前端·后端·程序员
weixin_4433533132 分钟前
小红书帖子评论的nodejs爬虫脚本
前端·爬虫
yzzzzzzzzzzzzzzzzz34 分钟前
HTML 常用标签介绍
前端·html
小奋斗36 分钟前
深入浅出:JavaScript中防抖与节流详解
javascript·面试
Wcy307651906637 分钟前
web前端第二次作业
前端·javascript·css