VIP32/react/react高阶/React路由.md

React 路由

1.基本路由

1.安装路由包：npm install react-router-dom 在package.json中查看是否安装成功 2.创建页面开始配置路由 3.创建路由文件夹router=>index.js(规定：为了方便在根的index.js中引入路由) 4.在router=>index.js页面中 通过import {createBrowserRouter} from 'react-router-dom' 去引入创建方法 定义路由： const router = createBrowserRouter([

{
    path:"/xxx",路径
    element:<xxx/> 页面
},
.....

]) 抛出定义路由： export default router 5.在index.js页面中注入路由 通过:import {RouterProvider} from 'react-router-dom'; 在根节点中抛出路由：抛出格式：

2.嵌套路由

3.动态路由

4.查询参数

5.导航

5.1 声明式导航

5.2 编程式导航