SuperAPI AI 工具集

react-impl-routing

前端与建站

查看项目

更新于 10-15 22:18

技能介绍

用途:在 React 项目中实现客户端路由,包括路由配置、导航、数据加载、受保护路由与错误处理。

主要能力:以 createBrowserRouter 定义路由对象数组,用 RouterProvider 挂载;通过 Outlet 渲染嵌套子路由,支持无路径布局路由与 index 默认子路由;提供 Link、NavLink、useNavigate、useParams、useSearchParams 等导航与参数 API;loader 在渲染前取数,action 处理表单提交,defer 配合 Suspense 与 Await 处理非关键数据;lazy 实现路由级代码分割;受保护路由可用 loader 中 redirect 或 RequireAuth 包装组件;errorElement 与 useRouteError 处理错误。

必要用法:新项目使用 createBrowserRouter + RouterProvider,路由对象定义在模块作用域;navigate() 只在 useEffect、事件处理或 loader/action 中调用;loader/action 必须返回或抛出 Response 或值;表单提交使用 react-router-dom 的 Form。

限制:资料未提供安装命令、版本兼容范围、性能数据与收费信息;示例基于 React Router 6.4+,旧版 BrowserRouter + Routes 模式不支持 loaders、actions 与 lazy 路由。