React ROUTER之嵌套路由

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

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

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

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

默认二级路由

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

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

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

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

404兜底组件




两种路由模式

相关推荐
Hi_kenyon4 分钟前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
止观止24 分钟前
深入理解 interface vs type:终结之争
前端·typescript
css趣多多35 分钟前
vue环境变量
前端
RFCEO37 分钟前
前端编程 课程十五、:CSS核心基础3:文字+段落样式
前端·css·文字+段落样式·css文本样式·美化页面文本内容·演示动画说明·单行文字垂直居中技
摇滚侠37 分钟前
【程序员入门系列】jQuery 零基础入门到精通!Jquery 选择器 API
前端·javascript·jquery
im_AMBER37 分钟前
Leetcode 111 两数相加
javascript·笔记·学习·算法·leetcode
源力祁老师1 小时前
深入解析 Odoo 中 default_get 方法的功能
java·服务器·前端
sleeppingfrog1 小时前
zebra打印机实现前端打印
前端
摇滚侠1 小时前
前端判断不等于 undefined 不等于 null 的方法
前端
●VON1 小时前
React Native for OpenHarmony:贪吃蛇游戏的开发与跨平台适配实践
学习·react native·react.js·游戏·openharmony