用途:TanStack Router 是面向 React 的完全类型安全路由器,用于构建具备类型推断的路由系统。主要能力包括基于文件的路由自动生成、参数与搜索参数的完整 TypeScript 推断、基于路由的自动代码分割、内置数据加载器、类型安全的搜索参数处理,以及嵌套路由、懒加载、错误处理、加载状态、路由守卫和意图预加载。安装:npm install @tanstack/react-router 与 npm install --save-dev @tanstack/router-vite-plugin。使用方式:在 Vite 配置中引入 TanStackRouterVite 插件;在 src/routes 下按文件结构定义路由,如 __root.tsx、index.tsx、certificates/$id.tsx;使用 createFileRoute 创建路由,通过 Route.useParams、Route.useSearch、Route.useLoaderData 等钩子获取类型安全数据;用 Link 或 useNavigate 进行导航;用 loader 在路由层获取数据,用 validateSearch 配合 zod 校验搜索参数;用 createLazyFileRoute 实现懒加载;用 errorComponent、pendingComponent、beforeLoad 处理错误、加载与守卫。适用场景:需要强类型路由、数据预取与代码分割的 React 应用。限制:资料未提供具体版本要求、性能数据、收费信息或与其他路由库的对比,暂未提供。
TanStack Router
通用与其它
更新于 10-16 03:13