react的路由react-router-dom

(1)安装react-router-dom

npm install react-router-dom@6

(2)创建一个路由组件

 

（3）使用路由组件

在入口index,js中引入路由组件

 

（4）主组件app里面包含了三个页面的路由，如果要在主组件里面显示子组件的内容使用 outlet标签

 

（5）在主组件中，使用Link标签跳转

（6）在主组件中可以使用回调函数 获取一些数据

useLocation 获取当前页面的路径

 

useNagative实现事件的跳转

 

链接拼参数，组件内获取参数 useParams,useSearchParams

useParams.     /list/123 使用/的方式传递值

useSearchParams /home?id=123&age=14 传递值

 事件跳转的方式进行参数的携带

统一404页面