 

06-路由第2页

React 路由：React Router 的嵌套路由、动态路由、查询参数、路由守卫、懒加载与数据 API，讲解 TanStack Router、微前端路由协同及与 Vue Router 对比。

6.4 动态路由与参数

用「:param」在路径里声明动态段，用 useParams() 读取；参数变化时组件不会重新挂载（需要在 useEffect 里依赖参数，或给 element 加 key 强制重建）。

陌上寒2026-10-15阅读()去评论

嵌套路由让你把「布局」抽取到父路由组件里（用标记子路由的渲染位置），从而实现「导航栏不动、只切换内容区」；index 路由表示「父路径本身的默认页面」。

陌上寒2026-10-15阅读()去评论

压缩、裁剪、加水印、抠图、拼接都在本地完成。不限张数、不限次数，图片不会传到服务器。

2026-10-16

v6 有两种配置方式——声明式（ JSX）简单直观、适合中小项目；数据路由（createBrowserRouter）支持 loader/action/errorElement 与「路由级懒加载」，更适合现代项目。

陌上寒2026-10-15阅读()去评论

v6 的核心变化是「Routes 替代 Switch」「element={} 替代 component={Comp}」「相对路径默认相对于父路由」「用 Outlet 渲染子路由」。

陌上寒2026-10-15阅读()去评论