引入了路由React Router 6.4
路由(routes)指的是 根据用户请求的路径 显示不同的页面
路由器是指的是 进行一一对应的一个工具
<Outlet />作为一个插槽的效果 将子路由中的element放到 路由器里
需要去写一个组件去代替Errorpage 是指的是当自己地址写错的时候 直接跳回到welcome 页面 可以使用 nav = useNavigate()
main只做到渲染的作用
过渡动画
过渡动画的原理是 从第一个div从稳定状态进入退出状态
然后第二个div从进入状态到稳定状态
- 1.用map进行遍历 useRef可以使每一次渲染的时候不会重新初始化map 利用useLocation这一个钩子可以获取当前地址栏的最新的值
- 2.React会代码上传的时候会渲染两遍
