引入了路由React Router 6.4

路由(routes)指的是 根据用户请求的路径 显示不同的页面

路由器是指的是 进行一一对应的一个工具

<Outlet />作为一个插槽的效果 将子路由中的element放到 路由器里

需要去写一个组件去代替Errorpage 是指的是当自己地址写错的时候 直接跳回到welcome 页面 可以使用 nav = useNavigate()

main只做到渲染的作用

过渡动画

过渡动画的原理是 从第一个div从稳定状态进入退出状态
然后第二个div从进入状态到稳定状态

• 1.用map进行遍历 useRef可以使每一次渲染的时候不会重新初始化map 利用useLocation这一个钩子可以获取当前地址栏的最新的值
• 2.React会代码上传的时候会渲染两遍