(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录什么是前端路由创建路由开发环境快速开始抽象路由模块路由导航什么是路由导航声明式导航编程式导航导航传参嵌套路由配置什么是嵌套路由嵌套路由配置默认二级路由404路由配

ReactRouter（路由）目录ReactRouter（路由）1、前端路由2、创建路由开发环境3、快速开始抽象路由模块路由导航1、路由导航2、声明式导航3、编程式导航路由导航传参searchParams传参params传参嵌套路由配置1、嵌套路由2、嵌套路由配置3、默认二级路由4、404路由配置5、2种路由模式1

Reduxredux是一个仓库，用来存储数据。当react中多个组件需要用到同一个数据时，如果我们一次次地请求会比较麻烦，也会加大服务器的压力。这种多组件用到的数据就可以存放到redux仓库中。redux仓库使用原生的依赖创建比较繁琐，为了更快创建使用"@reduxjs/toolkit"这个依赖包。创建好的

解决方案参考链接https://v5.reactrouter.com/web/example/route-config

路由拦截应用场景：鉴权，当用户进入到需要授权的组件时，这时候进行拦截，判断用户是否授权，如果授权则放行，正常跳转，如果非授权则重定向授权页面。举个栗子importReactfrom

路由模式BrowserRouter与HashRouterBrowserRouter没有#的路径HashRouter有#路径举个栗子importReactfrom'react'import{BrowserRouter,HashRouter,Red

参数传递与获取参数1.动态路由传参*前提配置路由，留好占位//1.配置占位<HashRouter><Switch><Routepath="/xxx/:id"></Route>//留好占位</Switch><