`、description、Open Graph 等），影响 `SEO` 和社交分享。基本用法：\n\n```typescript\nexport function meta({ data }) { return [ { title: data.post.title }, { name: 'description', content: data.post.summary }, { property: 'og:image', content: data.post.image } ] }\n```\n\n`SSR` 时注入 `HTML`，客户端导航时 React Router 动态更新 `<head>`，两种情况都有效。"},"en":{"title":"meta Export","summaryMarkdown":"`export function meta({ data, params, matches }) { return [...] }` defines the `<meta>` tags for the route's page, enabling `SEO` and social sharing (`title`, `description`, Open Graph, etc.). The function receives the route's loader data (`data`), `URL` params (`params`), and all matched routes' meta (`matches`, for merging with parent meta). On server rendering, meta is injected directly into `HTML`; on client navigation, it updates `<head>` dynamically.","basicInterviewQuestion":"What does the meta export in a framework mode route module do? What is the basic usage?","basicInterviewAnswer":"Defines the page's `<head>` meta tags (`<title>`, description, Open Graph, etc.) for this route, affecting `SEO` and social sharing. Basic usage: \n\n```typescript\nexport function meta({ data }) { return [ { title: data.post.title }, { name: 'description', content: data.post.summary }, { property: 'og:image', content: data.post.image } ] }\n```\n\n Injected into `HTML` on `SSR`; React Router dynamically updates `<head>` during client navigation. Effective in both cases."}},"parentId":"f6380eae-1512-41d4-93a2-b468f14c7e66","sortOrder":6,"category":"common","isRoot":false,"summaryMarkdown":"`export function meta({ data, params, matches }) { return [...] }` 定义路由对应的页面 `<meta>` 标签，用于 `SEO` 和社交分享（`title`、`description`、Open Graph 等）。函数参数包含该路由的 loader 数据（`data`）、`URL` 参数（`params`）和所有匹配路由的 meta（`matches`，用于合并父路由 meta）。服务端渲染时 meta 会直接注入 `HTML`，客户端导航时动态更新 `<head>`。","basicInterviewQuestion":"框架模式中路由模块的 meta 导出有什么作用？基本用法是什么？","basicInterviewAnswer":"定义该路由页面的 `<head>` meta 标签（`<title>`、description、Open Graph 等），影响 `SEO` 和社交分享。基本用法：\n\n```typescript\nexport function meta({ data }) { return [ { title: data.post.title }, { name: 'description', content: data.post.summary }, { property: 'og:image', content: data.post.image } ] }\n```\n\n`SSR` 时注入 `HTML`，客户端导航时 React Router 动态更新 `<head>`，两种情况都有效。","isFavorite":false,"nodeStatus":"unknown"},{"id":"75ed6ac2-d43a-46a3-b025-d11e342b93e4","slug":"splat-routes","title":"通配符路由（Splat）","localizedContent":{"zh-CN":{"title":"通配符路由（Splat）","summaryMarkdown":"路径中的 `*` 匹配剩余所有 `URL` 段（包括 `/`），捕获值存入 `params[\"*\"]`。常用于「404 页面」（在路由树末尾定义 `path: \"*\"`）或「文件浏览器」（`path: \"files/*\"` 把剩余路径传给组件处理）。`*` 只能出现在 path 的末尾，且一个路由只能有一个。","basicInterviewQuestion":"路径中的 * 有什么含义？捕获值如何读取？","basicInterviewAnswer":"路径中的 `*`（通配符）匹配当前位置之后的所有 `URL` 段（包括 `/` 分隔符）。例如 `path: 'files/*'` 匹配 `/files/a/b/c`，捕获值 `a/b/c` 存入 `params[\"*\"]`。在组件中：`const { \"*\": splatPath } = useParams()`；在 loader 中：`params[\"*\"]`。`*` 只能出现在路径末尾，一个路由只能有一个。"},"en":{"title":"Splat Routes (Wildcard)","summaryMarkdown":"A `*` in a path matches all remaining `URL` segments (including `/`) and stores the captured value in `params[\"*\"]`. Common uses: a 404 page (define `path: \"*\"` at the end of the route tree) or a file browser (`path: \"files/*\"` passes the rest of the path to the component). `*` can only appear at the end of a path, and a route may only have one.","basicInterviewQuestion":"What does * in a path mean? How is the captured value read?","basicInterviewAnswer":"The `*` (wildcard) matches all `URL` segments after the current position (including `/` separators). For example `path: 'files/*'` matches `/files/a/b/c`, capturing `a/b/c` in `params[\"*\"]`. In components: `const { \"*\": splatPath } = useParams()`; in loaders: `params[\"*\"]`. `*` can only appear at the end of a path, and a route may have only one."}},"parentId":"3f751a47-28af-453d-818b-fe7c7163a61d","sortOrder":6,"category":"common","isRoot":false,"summaryMarkdown":"路径中的 `*` 匹配剩余所有 `URL` 段（包括 `/`），捕获值存入 `params[\"*\"]`。常用于「404 页面」（在路由树末尾定义 `path: \"*\"`）或「文件浏览器」（`path: \"files/*\"` 把剩余路径传给组件处理）。`*` 只能出现在 path 的末尾，且一个路由只能有一个。","basicInterviewQuestion":"路径中的 * 有什么含义？捕获值如何读取？","basicInterviewAnswer":"路径中的 `*`（通配符）匹配当前位置之后的所有 `URL` 段（包括 `/` 分隔符）。例如 `path: 'files/*'` 匹配 `/files/a/b/c`，捕获值 `a/b/c` 存入 `params[\"*\"]`。在组件中：`const { \"*\": splatPath } = useParams()`；在 loader 中：`params[\"*\"]`。`*` 只能出现在路径末尾，一个路由只能有一个。","isFavorite":false,"nodeStatus":"unknown"},{"id":"25aa98d1-cec9-4664-bd38-028140b26ba0","slug":"links-export","title":"links 导出","localizedContent":{"zh-CN":{"title":"links 导出","summaryMarkdown":"`export function links() { return [...] }` 定义路由级的 `<link>` 标签，通常用于为该路由引入样式表或预加载资源。React Router 框架会将所有匹配路由的 links 合并注入 `<head>`，路由切换时自动添加/移除对应的 link。这实现了路由级 `CSS` 按需加载（`{ rel: 'stylesheet', href: '/route.css' }`）以及资源预取（`{ rel: 'preload', ... }`）。","basicInterviewQuestion":"框架模式中路由模块的 links 导出有什么作用？","basicInterviewAnswer":"定义该路由激活时应注入 `<head>` 中的 `<link>` 标签，如 `CSS` 文件、字体、预加载资源、页面图标等。示例：\n\n```typescript\nexport function links() { return [ { rel: 'stylesheet', href: '/styles/dashboard.css' }, { rel: 'preload', as: 'font', href: '/fonts/inter.woff2', crossOrigin: 'anonymous' } ] }\n```\n\n路由激活时自动注入，离开时自动移除，实现「按路由拆分 `CSS`」，避免全量加载所有页面样式。"},"en":{"title":"links Export","summaryMarkdown":"`export function links() { return [...] }` defines route-level `<link>` tags, typically used to inject stylesheets or preload resources for a specific route. React Router merges the links from all matched routes and injects them into `<head>`, `adding/removing` them automatically as routes change. This enables route-level `CSS` code splitting (`{ rel: 'stylesheet', href: '/route.css' }`) and resource prefetching (`{ rel: 'preload', ... }`).","basicInterviewQuestion":"What does the links export in a framework mode route module do?","basicInterviewAnswer":"Defines `<link>` tags to inject into `<head>` when this route is active—`CSS` files, fonts, preloaded resources, icons, etc. Example: \n\n```typescript\nexport function links() { return [ { rel: 'stylesheet', href: '/styles/dashboard.css' }, { rel: 'preload', as: 'font', href: '/fonts/inter.woff2', crossOrigin: 'anonymous' } ] }\n```\n\n Tags are injected when the route activates and removed when it leaves—enabling per-route `CSS` splitting to avoid loading all page styles upfront."}},"parentId":"f6380eae-1512-41d4-93a2-b468f14c7e66","sortOrder":7,"category":"common","isRoot":false,"summaryMarkdown":"`export function links() { return [...] }` 定义路由级的 `<link>` 标签，通常用于为该路由引入样式表或预加载资源。React Router 框架会将所有匹配路由的 links 合并注入 `<head>`，路由切换时自动添加/移除对应的 link。这实现了路由级 `CSS` 按需加载（`{ rel: 'stylesheet', href: '/route.css' }`）以及资源预取（`{ rel: 'preload', ... }`）。","basicInterviewQuestion":"框架模式中路由模块的 links 导出有什么作用？","basicInterviewAnswer":"定义该路由激活时应注入 `<head>` 中的 `<link>` 标签，如 `CSS` 文件、字体、预加载资源、页面图标等。示例：\n\n```typescript\nexport function links() { return [ { rel: 'stylesheet', href: '/styles/dashboard.css' }, { rel: 'preload', as: 'font', href: '/fonts/inter.woff2', crossOrigin: 'anonymous' } ] }\n```\n\n路由激活时自动注入，离开时自动移除，实现「按路由拆分 `CSS`」，避免全量加载所有页面样式。","isFavorite":false,"nodeStatus":"unknown"},{"id":"491a64d5-c400-4bf8-b097-f29738e4a8ea","slug":"loading-ui","title":"加载状态与 UI","localizedContent":{"zh-CN":{"title":"加载状态与 UI","summaryMarkdown":"加载状态域涵盖在导航过程中向用户反馈进度的工具：`useNavigation` 追踪路由级导航状态，`ScrollRestoration` 自动恢复页面滚动位置。良好的加载状态反馈是用户体验的关键，尤其在有 loader 的页面切换时。","basicInterviewQuestion":"React Router 中展示加载状态的两种主要方式是什么？","basicInterviewAnswer":"1. `useNavigation().state`（`'idle'|'loading'|'submitting'`）反映**全局路由导航**状态，适合全局进度条或页面级 loading 指示。\n2. `useFetcher().state` 反映**单个 fetcher 实例**的独立状态，适合局部操作（点赞、独立搜索框等）。两者配合：`useNavigation` 做全局进度条，`fetcher.state` 做局部 pending `UI`。"},"en":{"title":"Loading State & UI","summaryMarkdown":"This domain covers tools for giving users feedback during navigation: `useNavigation` for tracking route-level navigation state, and `ScrollRestoration` for automatically restoring scroll position. Clear loading state feedback is critical for UX, especially during page transitions that run loaders.","basicInterviewQuestion":"What are the two main ways to show loading state in React Router?","basicInterviewAnswer":"1. `useNavigation().state` (`'idle'|'loading'|'submitting'`) reflects the **global route navigation** state—suited for a global progress bar or page-level loading.\n2. `useFetcher().state` reflects an **individual fetcher instance's** independent state—suited for local operations (like buttons, standalone search).\n\nUse both together: `useNavigation` for the global bar, `fetcher.state` for local pending `UI`."}},"parentId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","sortOrder":7,"category":"common","isRoot":false,"summaryMarkdown":"加载状态域涵盖在导航过程中向用户反馈进度的工具：`useNavigation` 追踪路由级导航状态，`ScrollRestoration` 自动恢复页面滚动位置。良好的加载状态反馈是用户体验的关键，尤其在有 loader 的页面切换时。","basicInterviewQuestion":"React Router 中展示加载状态的两种主要方式是什么？","basicInterviewAnswer":"1. `useNavigation().state`（`'idle'|'loading'|'submitting'`）反映**全局路由导航**状态，适合全局进度条或页面级 loading 指示。\n2. `useFetcher().state` 反映**单个 fetcher 实例**的独立状态，适合局部操作（点赞、独立搜索框等）。两者配合：`useNavigation` 做全局进度条，`fetcher.state` 做局部 pending `UI`。","isFavorite":false,"nodeStatus":"unknown"},{"id":"0f910a71-d972-4875-beaf-07dcc6f53044","slug":"optional-segments","title":"可选段","localizedContent":{"zh-CN":{"title":"可选段","summaryMarkdown":"在动态段末尾加 `?`（如 `/:lang?/about`）使其变为可选，匹配有或没有该段的 `URL`。可选段让一个路由定义覆盖多个 `URL` 模式，减少重复路由声明。常见于多语言站点（`/:locale?/page`）、ID 可选的编辑页面等。注意：可选段增加路由匹配复杂性，使用前确认是否有更简单的方式（如两个独立路由）。","basicInterviewQuestion":"可选段是什么语法？适合什么场景使用？","basicInterviewAnswer":"在动态段末尾加 `?` 使其可选，如 `/:lang?/about` 同时匹配 `/about` 和 `/en/about`。适合场景：多语言站点（`/:locale?/page`，locale 可有可无）、ID 可选的编辑页面（`/edit/:id?`，`id` 存在时编辑，不存在时新建）。避免过度使用：可选段增加路由匹配复杂性，若逻辑差异大，两个独立路由可能更清晰。"},"en":{"title":"Optional Segments","summaryMarkdown":"Appending `?` to a dynamic segment (e.g., `/:lang?/about`) makes it optional, matching `URLs` with or without that segment. Optional segments allow a single route definition to cover multiple `URL` patterns and reduce duplicated route declarations. Common in multilingual sites (`/:locale?/page`) or edit pages with an optional ID. Note: optional segments add matching complexity—consider whether two separate routes might be simpler.","basicInterviewQuestion":"What is the optional segment syntax? When is it appropriate?","basicInterviewAnswer":"Appending `?` to a dynamic segment makes it optional. E.g., `/:lang?/about` matches both `/about` and `/en/about`. Use cases: multilingual sites (`/:locale?/page`, locale is optional), edit pages where ID is optional (`/edit/:id?`—edit when present, create when absent). Avoid overuse: optional segments add matching complexity; if logic differs significantly between the two cases, two separate routes may be clearer."}},"parentId":"3f751a47-28af-453d-818b-fe7c7163a61d","sortOrder":7,"category":"rare","isRoot":false,"summaryMarkdown":"在动态段末尾加 `?`（如 `/:lang?/about`）使其变为可选，匹配有或没有该段的 `URL`。可选段让一个路由定义覆盖多个 `URL` 模式，减少重复路由声明。常见于多语言站点（`/:locale?/page`）、ID 可选的编辑页面等。注意：可选段增加路由匹配复杂性，使用前确认是否有更简单的方式（如两个独立路由）。","basicInterviewQuestion":"可选段是什么语法？适合什么场景使用？","basicInterviewAnswer":"在动态段末尾加 `?` 使其可选，如 `/:lang?/about` 同时匹配 `/about` 和 `/en/about`。适合场景：多语言站点（`/:locale?/page`，locale 可有可无）、ID 可选的编辑页面（`/edit/:id?`，`id` 存在时编辑，不存在时新建）。避免过度使用：可选段增加路由匹配复杂性，若逻辑差异大，两个独立路由可能更清晰。","isFavorite":false,"nodeStatus":"unknown"},{"id":"72cf2b08-422b-4865-bf0c-53fac891de6b","slug":"declarative-mode","title":"Declarative Mode","localizedContent":{"zh-CN":{"title":"Declarative Mode","summaryMarkdown":"Declarative Mode 是 React Router 最轻量的使用模式：用 `<BrowserRouter>`、`<HashRouter>` 或 `<MemoryRouter>` 包裹应用，再在 `JSX` 中用 `<Routes>` 和 `<Route>` 声明路由。它覆盖 `URL` 匹配、嵌套路由、`<Outlet>`、`<Link>`/`<NavLink>` 和导航 hooks，适合纯客户端 `SPA`、已有 v6 应用或已有独立数据层的项目。限制是没有 loader、action、fetcher、自动 revalidation、route module typegen 或 `SSR` 约定。","basicInterviewQuestion":"Declarative Mode 是什么？它包含哪些核心 `API`？","basicInterviewAnswer":"Declarative Mode 是 React Router 的组件式路由模式：用 `<BrowserRouter>`、`<HashRouter>` 或 `<MemoryRouter>` 提供路由上下文，在 `JSX` 中用 `<Routes>` 和 `<Route>` 声明路由树，通过 `<Outlet>` 渲染子路由。它还包含 `<Link>`、`<NavLink>`、`<Navigate>` 和 `useNavigate`、`useLocation`、`useParams`、`useSearchParams` 等导航 hooks。它只负责客户端 `URL` 匹配和导航，不包含 `loader/action/fetcher`。"},"en":{"title":"Declarative Mode","summaryMarkdown":"Declarative Mode is React Router's lightest mode: wrap the app in `<BrowserRouter>`, `<HashRouter>`, or `<MemoryRouter>`, then declare routes in `JSX` with `<Routes>` and `<Route>`. It covers `URL` matching, nested routes, `<Outlet>`, `<Link>`/`<NavLink>`, and navigation hooks, making it a good fit for client-only `SPAs`, existing v6 apps, or projects with their own data layer. It does not provide loaders, actions, fetchers, automatic revalidation, route module typegen, or `SSR` conventions.","basicInterviewQuestion":"What is Declarative Mode, and what core `APIs` does it include?","basicInterviewAnswer":"Declarative Mode is React Router's component-based routing mode: provide router context with `<BrowserRouter>`, `<HashRouter>`, or `<MemoryRouter>`, declare the route tree in `JSX` with `<Routes>` and `<Route>`, and render child routes with `<Outlet>`. It also includes `<Link>`, `<NavLink>`, `<Navigate>`, and hooks such as `useNavigate`, `useLocation`, `useParams`, and `useSearchParams`. It handles client-side `URL` matching and navigation only; it does not include loaders, actions, or fetchers."}},"parentId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","sortOrder":8,"category":"common","isRoot":false,"summaryMarkdown":"Declarative Mode 是 React Router 最轻量的使用模式：用 `<BrowserRouter>`、`<HashRouter>` 或 `<MemoryRouter>` 包裹应用，再在 `JSX` 中用 `<Routes>` 和 `<Route>` 声明路由。它覆盖 `URL` 匹配、嵌套路由、`<Outlet>`、`<Link>`/`<NavLink>` 和导航 hooks，适合纯客户端 `SPA`、已有 v6 应用或已有独立数据层的项目。限制是没有 loader、action、fetcher、自动 revalidation、route module typegen 或 `SSR` 约定。","basicInterviewQuestion":"Declarative Mode 是什么？它包含哪些核心 `API`？","basicInterviewAnswer":"Declarative Mode 是 React Router 的组件式路由模式：用 `<BrowserRouter>`、`<HashRouter>` 或 `<MemoryRouter>` 提供路由上下文，在 `JSX` 中用 `<Routes>` 和 `<Route>` 声明路由树，通过 `<Outlet>` 渲染子路由。它还包含 `<Link>`、`<NavLink>`、`<Navigate>` 和 `useNavigate`、`useLocation`、`useParams`、`useSearchParams` 等导航 hooks。它只负责客户端 `URL` 匹配和导航，不包含 `loader/action/fetcher`。","isFavorite":false,"nodeStatus":"unknown"},{"id":"1249ce6b-8949-4078-95bf-dd23b41d69ce","slug":"route-types","title":"路由类型（TypeScript）","localizedContent":{"zh-CN":{"title":"路由类型（TypeScript）","summaryMarkdown":"React Router v7 框架模式会为每个路由模块自动生成类型文件（`.react-router/types/app/routes/*.ts`），导出 `Route.LoaderArgs`、`Route.ActionArgs`、`Route.MetaArgs`、`Route.ComponentProps` 等精确类型。在路由模块中用 `import type { Route } from './+types/my-route'` 导入，即可获得 loader 参数、params、loader 返回值在组件中的完整类型推断，无需手写类型。","basicInterviewQuestion":"框架模式中「路由类型（Route Types）」是什么？如何使用自动生成的类型？","basicInterviewAnswer":"框架模式构建时为每个路由模块自动生成精确的 `TypeScript` 类型文件（`.react-router/types/` 目录），包含 `Route.LoaderArgs`、`Route.ActionArgs`、`Route.ComponentProps`、`Route.LoaderData` 等。使用方式：`import type { Route } from './+types/my-route'`，然后 `export async function loader({ params }: Route.LoaderArgs) {}`，组件 `function Page({ loaderData }: Route.ComponentProps) {}`。类型精确反映路由定义（params 只包含该路由的动态段），无需手写类型声明。\n\n框架模式的 route module 可以直接引用生成的 `Route` 类型，让 params 和 loaderData 跟路由文件同步：\n\n```tsx\nimport type { Route } from './+types/user';\n\nexport async function loader({ params }: Route.LoaderArgs) {\n return getUser(params.userId);\n}\n\nexport default function User({ loaderData }: Route.ComponentProps) {\n return <h1>{loaderData.name}</h1>;\n}\n```"},"en":{"title":"Route Types (TypeScript)","summaryMarkdown":"React Router v7 framework mode auto-generates type files for each route module (`.react-router/types/app/routes/*.ts`), exporting precise types like `Route.LoaderArgs`, `Route.ActionArgs`, `Route.MetaArgs`, and `Route.ComponentProps`. Import them in your route module with `import type { Route } from './+types/my-route'` to get full type inference for loader arguments, params, and loader return values in components—no manual type authoring required.","basicInterviewQuestion":"What are 'Route Types' in framework mode? How do you use the auto-generated types?","basicInterviewAnswer":"Framework mode auto-generates precise `TypeScript` type files for each route module (in `.react-router/types/`) including `Route.LoaderArgs`, `Route.ActionArgs`, `Route.ComponentProps`, `Route.LoaderData`, etc. Usage: `import type { Route } from './+types/my-route'`, then `export async function loader({ params }: Route.LoaderArgs) {}`, component `function Page({ loaderData }: Route.ComponentProps) {}`. Types precisely reflect the route definition (params only contain that route's dynamic segments)—no manual type declarations needed.\n\nIn framework mode, a route module can import the generated `Route` type so params and loaderData stay aligned with the route file:\n\n```tsx\nimport type { Route } from './+types/user';\n\nexport async function loader({ params }: Route.LoaderArgs) {\n return getUser(params.userId);\n}\n\nexport default function User({ loaderData }: Route.ComponentProps) {\n return <h1>{loaderData.name}</h1>;\n}\n```"}},"parentId":"f6380eae-1512-41d4-93a2-b468f14c7e66","sortOrder":8,"category":"rare","isRoot":false,"summaryMarkdown":"React Router v7 框架模式会为每个路由模块自动生成类型文件（`.react-router/types/app/routes/*.ts`），导出 `Route.LoaderArgs`、`Route.ActionArgs`、`Route.MetaArgs`、`Route.ComponentProps` 等精确类型。在路由模块中用 `import type { Route } from './+types/my-route'` 导入，即可获得 loader 参数、params、loader 返回值在组件中的完整类型推断，无需手写类型。","basicInterviewQuestion":"框架模式中「路由类型（Route Types）」是什么？如何使用自动生成的类型？","basicInterviewAnswer":"框架模式构建时为每个路由模块自动生成精确的 `TypeScript` 类型文件（`.react-router/types/` 目录），包含 `Route.LoaderArgs`、`Route.ActionArgs`、`Route.ComponentProps`、`Route.LoaderData` 等。使用方式：`import type { Route } from './+types/my-route'`，然后 `export async function loader({ params }: Route.LoaderArgs) {}`，组件 `function Page({ loaderData }: Route.ComponentProps) {}`。类型精确反映路由定义（params 只包含该路由的动态段），无需手写类型声明。\n\n框架模式的 route module 可以直接引用生成的 `Route` 类型，让 params 和 loaderData 跟路由文件同步：\n\n```tsx\nimport type { Route } from './+types/user';\n\nexport async function loader({ params }: Route.LoaderArgs) {\n return getUser(params.userId);\n}\n\nexport default function User({ loaderData }: Route.ComponentProps) {\n return <h1>{loaderData.name}</h1>;\n}\n```","isFavorite":false,"nodeStatus":"unknown"},{"id":"81dcf605-b13d-4390-aa18-dba7b01aa99c","slug":"data-mode","title":"Data Mode","localizedContent":{"zh-CN":{"title":"Data Mode","summaryMarkdown":"Data Mode 使用 `createBrowserRouter`、`createHashRouter`、`createMemoryRouter` 等数据路由器和 `<RouterProvider>`，把完整路由对象放在 React 渲染之外。这样路由器能在渲染前匹配 `URL`、并行执行 loader、处理 action、暴露 pending state、支持 fetcher、错误边界和 revalidation。它适合需要 Data `API` 但希望继续自管 bundler、服务器或渲染方案的应用，也是自定义框架和 Framework Mode 的基础。","basicInterviewQuestion":"Data Mode 是什么？它相对 Declarative Mode 增加了什么？","basicInterviewAnswer":"Data Mode 用 `createBrowserRouter`、`createHashRouter` 或 `createMemoryRouter` 创建数据路由器，再用 `<RouterProvider router={router} />` 挂载。它要求把路由树声明为 React 渲染外部的 route objects，因此路由器能在渲染前匹配 `URL` 并执行数据流程。相对 Declarative Mode，它增加了 `loader`、`action`、`useLoaderData`、`useActionData`、`useFetcher`、`useNavigation` pending state、route error boundary 和自动 revalidation。"},"en":{"title":"Data Mode","summaryMarkdown":"Data Mode uses data routers such as `createBrowserRouter`, `createHashRouter`, or `createMemoryRouter` plus `<RouterProvider>`, placing the complete route object tree outside React rendering. This lets the router match the `URL` before render, run loaders in parallel, process actions, expose pending state, support fetchers, error boundaries, and revalidation. It fits apps that want the Data `APIs` while keeping control over the bundler, server, or rendering strategy, and it is the foundation for custom frameworks and Framework Mode.","basicInterviewQuestion":"What is Data Mode, and what does it add over Declarative Mode?","basicInterviewAnswer":"Data Mode creates a data router with `createBrowserRouter`, `createHashRouter`, or `createMemoryRouter`, then mounts it with `<RouterProvider router={router} />`. It requires the route tree to be declared as route objects outside React rendering, letting the router match `URLs` and run data flows before rendering. Compared with Declarative Mode, it adds `loader`, `action`, `useLoaderData`, `useActionData`, `useFetcher`, `useNavigation` pending state, route error boundaries, and automatic revalidation."}},"parentId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","sortOrder":9,"category":"core","isRoot":false,"summaryMarkdown":"Data Mode 使用 `createBrowserRouter`、`createHashRouter`、`createMemoryRouter` 等数据路由器和 `<RouterProvider>`，把完整路由对象放在 React 渲染之外。这样路由器能在渲染前匹配 `URL`、并行执行 loader、处理 action、暴露 pending state、支持 fetcher、错误边界和 revalidation。它适合需要 Data `API` 但希望继续自管 bundler、服务器或渲染方案的应用，也是自定义框架和 Framework Mode 的基础。","basicInterviewQuestion":"Data Mode 是什么？它相对 Declarative Mode 增加了什么？","basicInterviewAnswer":"Data Mode 用 `createBrowserRouter`、`createHashRouter` 或 `createMemoryRouter` 创建数据路由器，再用 `<RouterProvider router={router} />` 挂载。它要求把路由树声明为 React 渲染外部的 route objects，因此路由器能在渲染前匹配 `URL` 并执行数据流程。相对 Declarative Mode，它增加了 `loader`、`action`、`useLoaderData`、`useActionData`、`useFetcher`、`useNavigation` pending state、route error boundary 和自动 revalidation。","isFavorite":false,"nodeStatus":"unknown"},{"id":"390ed544-b397-458b-ae53-270f2f00f30a","slug":"react-server-components-unstable","title":"React Server Components（unstable）","localizedContent":{"zh-CN":{"title":"React Server Components（unstable）","summaryMarkdown":"React Router 提供 React Server Components（`RSC`）集成，但官方明确标注为 unstable：`API` 和行为可能在小版本中变化，不应当按稳定合约设计长期生产依赖。Framework Mode 可通过 `unstable_reactRouterRSC` Vite 插件和 `RSC` 模板使用；Data Mode 暴露更底层的 `unstable_matchRSCServerRequest`、`unstable_routeRSCServerRequest`、`unstable_RSCStaticRouter`、`unstable_RSCHydratedRouter` 等 `API` 供自定义框架组合。Declarative Mode 不支持 `RSC`。","basicInterviewQuestion":"React Router 的 `RSC` 支持是什么状态？哪些模式可用？","basicInterviewAnswer":"React Router 官方把 React Server Components（`RSC`）支持明确标为 **unstable**：`API` 和行为可能在小版本中变化，不能当作稳定长期合约。Framework Mode 可通过 `RSC` 模板和 `unstable_reactRouterRSC` Vite 插件使用；Data Mode 暴露底层 unstable `API` 让自定义框架集成 `RSC`；Declarative Mode 不支持 `RSC`。写入知识图谱时必须保留 `unstable` 标识，避免把它误描述成稳定核心 `API`。"},"en":{"title":"React Server Components (unstable)","summaryMarkdown":"React Router provides React Server Components (`RSC`) integrations, but the official docs mark them as unstable: `APIs` and behavior may change in minor releases, so they should not be treated as long-term stable production contracts. Framework Mode can use the `unstable_reactRouterRSC` Vite plugin and `RSC` templates; Data Mode exposes lower-level `APIs` such as `unstable_matchRSCServerRequest`, `unstable_routeRSCServerRequest`, `unstable_RSCStaticRouter`, and `unstable_RSCHydratedRouter` for custom frameworks. Declarative Mode does not support `RSC`.","basicInterviewQuestion":"What is the status of React Router's `RSC` support, and which modes can use it?","basicInterviewAnswer":"The official docs mark React Router's React Server Components (`RSC`) support as **unstable**: `APIs` and behavior may change in minor releases, so it must not be treated as a stable long-term contract. Framework Mode can use `RSC` templates and the `unstable_reactRouterRSC` Vite plugin; Data Mode exposes lower-level unstable `APIs` for custom framework integration; Declarative Mode does not support `RSC`. Knowledge graph content should keep the `unstable` label visible to avoid presenting it as a stable core `API`."}},"parentId":"f6380eae-1512-41d4-93a2-b468f14c7e66","sortOrder":9,"category":"rare","isRoot":false,"summaryMarkdown":"React Router 提供 React Server Components（`RSC`）集成，但官方明确标注为 unstable：`API` 和行为可能在小版本中变化，不应当按稳定合约设计长期生产依赖。Framework Mode 可通过 `unstable_reactRouterRSC` Vite 插件和 `RSC` 模板使用；Data Mode 暴露更底层的 `unstable_matchRSCServerRequest`、`unstable_routeRSCServerRequest`、`unstable_RSCStaticRouter`、`unstable_RSCHydratedRouter` 等 `API` 供自定义框架组合。Declarative Mode 不支持 `RSC`。","basicInterviewQuestion":"React Router 的 `RSC` 支持是什么状态？哪些模式可用？","basicInterviewAnswer":"React Router 官方把 React Server Components（`RSC`）支持明确标为 **unstable**：`API` 和行为可能在小版本中变化，不能当作稳定长期合约。Framework Mode 可通过 `RSC` 模板和 `unstable_reactRouterRSC` Vite 插件使用；Data Mode 暴露底层 unstable `API` 让自定义框架集成 `RSC`；Declarative Mode 不支持 `RSC`。写入知识图谱时必须保留 `unstable` 标识，避免把它误描述成稳定核心 `API`。","isFavorite":false,"nodeStatus":"unknown"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66","slug":"framework-mode","title":"框架模式","localizedContent":{"zh-CN":{"title":"框架模式","summaryMarkdown":"Framework Mode 是 React Router v7 在 Data Mode 之上的完整应用框架能力，通过 Vite 插件提供路由模块、类型生成、智能代码拆分、资源预取以及 `SPA/SSR/SSG` 渲染策略。路由结构通过 `routes.ts` 配置文件或约定式文件路由定义；每个路由模块可导出 `loader`、`action`、`clientLoader`、`clientAction`、`meta`、`links`、`headers`、`HydrateFallback` 等，实现类型安全的数据流和文档元信息管理。","basicInterviewQuestion":"React Router v7 Framework Mode 和 Data Mode 有什么本质区别？","basicInterviewAnswer":"Framework Mode 在 Data Mode 之上加入 React Router Vite 插件和应用框架约定：`routes.ts`/文件路由、路由模块、自动 `+types` 类型生成、智能代码拆分、资源预取、`meta`/`links`/`headers`、`clientLoader`/`clientAction`、`HydrateFallback`，并支持 `SPA`、`SSR`、`SSG` 等渲染策略。Data Mode 提供 `createBrowserRouter` + `<RouterProvider>` 和 `loader/action/fetcher/revalidation` 等运行时能力，但项目结构、构建、服务器和类型生成由应用自己负责。"},"en":{"title":"Framework Mode","summaryMarkdown":"Framework Mode is React Router v7's full application framework layer on top of Data Mode. Through the Vite plugin it provides route modules, type generation, intelligent code splitting, resource prefetching, and `SPA/SSR/SSG` rendering strategies. Routes are configured via `routes.ts` or file-based conventions. Each route module can export `loader`, `action`, `clientLoader`, `clientAction`, `meta`, `links`, `headers`, `HydrateFallback`, and more for type-safe data flow and document metadata management.","basicInterviewQuestion":"What is the essential difference between React Router v7 Framework Mode and Data Mode?","basicInterviewAnswer":"Framework Mode adds the React Router Vite plugin and application-framework conventions on top of Data Mode: `routes.ts`/file routing, route modules, automatic `+types` generation, intelligent code splitting, resource prefetching, `meta`/`links`/`headers`, `clientLoader`/`clientAction`, `HydrateFallback`, and `SPA/SSR/SSG` rendering strategies. Data Mode provides the runtime pieces, `createBrowserRouter` plus `<RouterProvider>` with `loaders/actions/fetchers/revalidation`, while project structure, build, server, and type generation remain the app's responsibility."}},"parentId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","sortOrder":10,"category":"common","isRoot":false,"summaryMarkdown":"Framework Mode 是 React Router v7 在 Data Mode 之上的完整应用框架能力，通过 Vite 插件提供路由模块、类型生成、智能代码拆分、资源预取以及 `SPA/SSR/SSG` 渲染策略。路由结构通过 `routes.ts` 配置文件或约定式文件路由定义；每个路由模块可导出 `loader`、`action`、`clientLoader`、`clientAction`、`meta`、`links`、`headers`、`HydrateFallback` 等，实现类型安全的数据流和文档元信息管理。","basicInterviewQuestion":"React Router v7 Framework Mode 和 Data Mode 有什么本质区别？","basicInterviewAnswer":"Framework Mode 在 Data Mode 之上加入 React Router Vite 插件和应用框架约定：`routes.ts`/文件路由、路由模块、自动 `+types` 类型生成、智能代码拆分、资源预取、`meta`/`links`/`headers`、`clientLoader`/`clientAction`、`HydrateFallback`，并支持 `SPA`、`SSR`、`SSG` 等渲染策略。Data Mode 提供 `createBrowserRouter` + `<RouterProvider>` 和 `loader/action/fetcher/revalidation` 等运行时能力，但项目结构、构建、服务器和类型生成由应用自己负责。","isFavorite":false,"nodeStatus":"unknown"}],"lines":[{"id":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6:4ed12fd8-d267-4026-a226-fb39d71dff33","sourceId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","targetId":"4ed12fd8-d267-4026-a226-fb39d71dff33","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:bcb15ae7-b5a1-4c27-80c8-0059e74213b1","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"bcb15ae7-b5a1-4c27-80c8-0059e74213b1","type":"tree"},{"id":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f:7fcaf5d1-96c3-4e4e-8641-06b99f1cec5a","sourceId":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f","targetId":"7fcaf5d1-96c3-4e4e-8641-06b99f1cec5a","type":"tree"},{"id":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376:248a7af1-67fd-410a-8613-7b97714fc931","sourceId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","targetId":"248a7af1-67fd-410a-8613-7b97714fc931","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:89bcec3f-5af2-4a69-a457-3d1f0c7227d5","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:7fe1e065-a1ae-4211-83b6-88aa88305958","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"7fe1e065-a1ae-4211-83b6-88aa88305958","type":"tree"},{"id":"63c72ec5-8250-4c02-badb-5d51412de94f:13665a17-5397-4271-8004-7bab3ab70793","sourceId":"63c72ec5-8250-4c02-badb-5d51412de94f","targetId":"13665a17-5397-4271-8004-7bab3ab70793","type":"tree"},{"id":"491a64d5-c400-4bf8-b097-f29738e4a8ea:ffa940d9-390f-4600-b38d-505daa4436f2","sourceId":"491a64d5-c400-4bf8-b097-f29738e4a8ea","targetId":"ffa940d9-390f-4600-b38d-505daa4436f2","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:0c332e4c-36ca-40f8-ae6f-e311fd49a880","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"0c332e4c-36ca-40f8-ae6f-e311fd49a880","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:fbfdc046-4b63-4c02-8151-10c6c9d41ce6","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","type":"tree"},{"id":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6:b732432c-62df-4dbe-bffb-e82c3277a5ec","sourceId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","targetId":"b732432c-62df-4dbe-bffb-e82c3277a5ec","type":"tree"},{"id":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f:3c96c96c-2416-4e2b-8988-cf052d8de8f5","sourceId":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f","targetId":"3c96c96c-2416-4e2b-8988-cf052d8de8f5","type":"tree"},{"id":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376:37df2f38-13d8-4295-9c9d-eda9d08328e4","sourceId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","targetId":"37df2f38-13d8-4295-9c9d-eda9d08328e4","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:7c5d7901-3d07-4c31-8130-bf1ed5786e80","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"7c5d7901-3d07-4c31-8130-bf1ed5786e80","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:5b764db1-7321-4a8e-b03f-99492560fdbd","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"5b764db1-7321-4a8e-b03f-99492560fdbd","type":"tree"},{"id":"63c72ec5-8250-4c02-badb-5d51412de94f:e7a91131-764a-49e8-a673-744a0fabd4b9","sourceId":"63c72ec5-8250-4c02-badb-5d51412de94f","targetId":"e7a91131-764a-49e8-a673-744a0fabd4b9","type":"tree"},{"id":"491a64d5-c400-4bf8-b097-f29738e4a8ea:f6fac49f-9f3a-44b8-af8d-cc83ae210a82","sourceId":"491a64d5-c400-4bf8-b097-f29738e4a8ea","targetId":"f6fac49f-9f3a-44b8-af8d-cc83ae210a82","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:44f7a623-68dc-483f-bb90-9491716e2984","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"44f7a623-68dc-483f-bb90-9491716e2984","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:3f751a47-28af-453d-818b-fe7c7163a61d","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"3f751a47-28af-453d-818b-fe7c7163a61d","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:c7470b18-07b7-4f58-8c94-9cbfe4eb9f88","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"c7470b18-07b7-4f58-8c94-9cbfe4eb9f88","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:9a1df390-84fa-4136-bb47-def0e8d333e8","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"9a1df390-84fa-4136-bb47-def0e8d333e8","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:0f6c2029-5411-4eb6-8e12-ca71d2b6769f","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:5bd94e4f-594b-473e-bc9e-7e9cfe688680","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"5bd94e4f-594b-473e-bc9e-7e9cfe688680","type":"tree"},{"id":"491a64d5-c400-4bf8-b097-f29738e4a8ea:9b8166d1-c1a9-4363-871a-9094ae09f9e6","sourceId":"491a64d5-c400-4bf8-b097-f29738e4a8ea","targetId":"9b8166d1-c1a9-4363-871a-9094ae09f9e6","type":"tree"},{"id":"63c72ec5-8250-4c02-badb-5d51412de94f:e72d0654-929c-42dd-8773-c72e14983733","sourceId":"63c72ec5-8250-4c02-badb-5d51412de94f","targetId":"e72d0654-929c-42dd-8773-c72e14983733","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:54901aca-044c-4a3a-8a23-45d61c5cbdea","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"54901aca-044c-4a3a-8a23-45d61c5cbdea","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:4d69e72a-01ee-4374-99ea-61e00f798a57","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"4d69e72a-01ee-4374-99ea-61e00f798a57","type":"tree"},{"id":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376:bad68866-ed3c-4bd1-95c4-ac7c88c66854","sourceId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","targetId":"bad68866-ed3c-4bd1-95c4-ac7c88c66854","type":"tree"},{"id":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6:cb2c20bf-7bc8-4912-865a-9962bb0dda39","sourceId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","targetId":"cb2c20bf-7bc8-4912-865a-9962bb0dda39","type":"tree"},{"id":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f:e737da83-5ebd-4d59-80b0-e9d25a434256","sourceId":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f","targetId":"e737da83-5ebd-4d59-80b0-e9d25a434256","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","type":"tree"},{"id":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6:519d5b70-489f-410b-b1c7-566f257cdb7a","sourceId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","targetId":"519d5b70-489f-410b-b1c7-566f257cdb7a","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:e87ff8dc-bd6d-4fa7-9234-273e3c8e9e64","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"e87ff8dc-bd6d-4fa7-9234-273e3c8e9e64","type":"tree"},{"id":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376:cf4e0fc5-8f92-43fd-8927-d83f84c6066c","sourceId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","targetId":"cf4e0fc5-8f92-43fd-8927-d83f84c6066c","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:1de4c9f9-f475-4c7c-90b2-4f4d77cf4720","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"1de4c9f9-f475-4c7c-90b2-4f4d77cf4720","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:ecbda710-6fb1-40e7-b612-aa20e985b864","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"ecbda710-6fb1-40e7-b612-aa20e985b864","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:dff44ad3-5a26-4eb8-85b9-6083127a7ef9","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"dff44ad3-5a26-4eb8-85b9-6083127a7ef9","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:ec33068a-3d1d-474f-85f0-afbf1e3333e5","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"ec33068a-3d1d-474f-85f0-afbf1e3333e5","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:f857bdba-c9ec-49d1-b53b-90120bc0fee7","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"f857bdba-c9ec-49d1-b53b-90120bc0fee7","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:05d7b4b0-b182-4691-9c6a-c090445f5689","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"05d7b4b0-b182-4691-9c6a-c090445f5689","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:becbd39f-be5f-4dd6-9a40-a689dbfeac44","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"becbd39f-be5f-4dd6-9a40-a689dbfeac44","type":"tree"},{"id":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376:87b4560d-3f9e-422c-b52e-41fa3f03b1a5","sourceId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","targetId":"87b4560d-3f9e-422c-b52e-41fa3f03b1a5","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:cd5ac0cb-07f5-4800-a825-9a243ce0ec20","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","type":"tree"},{"id":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6:ec3c38b3-fb80-4fbf-a5e7-2d18298c1ac4","sourceId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","targetId":"ec3c38b3-fb80-4fbf-a5e7-2d18298c1ac4","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:8ad8e6c0-5a0e-412b-b654-dc8ef532643e","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:fa79a0cd-e300-4d2e-bbc6-e235e0e3909a","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"fa79a0cd-e300-4d2e-bbc6-e235e0e3909a","type":"tree"},{"id":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20:b896f76d-6577-4d54-85cc-ea24d8497ea3","sourceId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","targetId":"b896f76d-6577-4d54-85cc-ea24d8497ea3","type":"tree"},{"id":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e:ebf502ab-ba25-42f6-81f4-959cca3f9ff8","sourceId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","targetId":"ebf502ab-ba25-42f6-81f4-959cca3f9ff8","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:eaecadc5-27e3-414a-b01c-14cb677291bd","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"eaecadc5-27e3-414a-b01c-14cb677291bd","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:63c72ec5-8250-4c02-badb-5d51412de94f","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"63c72ec5-8250-4c02-badb-5d51412de94f","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:a3b098be-a733-47c4-9010-f84c25811296","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"a3b098be-a733-47c4-9010-f84c25811296","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:75ed6ac2-d43a-46a3-b025-d11e342b93e4","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"75ed6ac2-d43a-46a3-b025-d11e342b93e4","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:25aa98d1-cec9-4664-bd38-028140b26ba0","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"25aa98d1-cec9-4664-bd38-028140b26ba0","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:491a64d5-c400-4bf8-b097-f29738e4a8ea","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"491a64d5-c400-4bf8-b097-f29738e4a8ea","type":"tree"},{"id":"3f751a47-28af-453d-818b-fe7c7163a61d:0f910a71-d972-4875-beaf-07dcc6f53044","sourceId":"3f751a47-28af-453d-818b-fe7c7163a61d","targetId":"0f910a71-d972-4875-beaf-07dcc6f53044","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:72cf2b08-422b-4865-bf0c-53fac891de6b","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"72cf2b08-422b-4865-bf0c-53fac891de6b","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:1249ce6b-8949-4078-95bf-dd23b41d69ce","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"1249ce6b-8949-4078-95bf-dd23b41d69ce","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:81dcf605-b13d-4390-aa18-dba7b01aa99c","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"81dcf605-b13d-4390-aa18-dba7b01aa99c","type":"tree"},{"id":"f6380eae-1512-41d4-93a2-b468f14c7e66:390ed544-b397-458b-ae53-270f2f00f30a","sourceId":"f6380eae-1512-41d4-93a2-b468f14c7e66","targetId":"390ed544-b397-458b-ae53-270f2f00f30a","type":"tree"},{"id":"c062cb66-3a98-4bc0-bac5-5fdb5def876d:f6380eae-1512-41d4-93a2-b468f14c7e66","sourceId":"c062cb66-3a98-4bc0-bac5-5fdb5def876d","targetId":"f6380eae-1512-41d4-93a2-b468f14c7e66","type":"tree"},{"id":"4ed12fd8-d267-4026-a226-fb39d71dff33:b732432c-62df-4dbe-bffb-e82c3277a5ec:related","sourceId":"4ed12fd8-d267-4026-a226-fb39d71dff33","targetId":"b732432c-62df-4dbe-bffb-e82c3277a5ec","type":"related"},{"id":"c7470b18-07b7-4f58-8c94-9cbfe4eb9f88:9a1df390-84fa-4136-bb47-def0e8d333e8:related","sourceId":"c7470b18-07b7-4f58-8c94-9cbfe4eb9f88","targetId":"9a1df390-84fa-4136-bb47-def0e8d333e8","type":"related"},{"id":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5:7c5d7901-3d07-4c31-8130-bf1ed5786e80:related","sourceId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","targetId":"7c5d7901-3d07-4c31-8130-bf1ed5786e80","type":"related"},{"id":"7fe1e065-a1ae-4211-83b6-88aa88305958:5b764db1-7321-4a8e-b03f-99492560fdbd:related","sourceId":"7fe1e065-a1ae-4211-83b6-88aa88305958","targetId":"5b764db1-7321-4a8e-b03f-99492560fdbd","type":"related"},{"id":"7fe1e065-a1ae-4211-83b6-88aa88305958:54901aca-044c-4a3a-8a23-45d61c5cbdea:related","sourceId":"7fe1e065-a1ae-4211-83b6-88aa88305958","targetId":"54901aca-044c-4a3a-8a23-45d61c5cbdea","type":"related"},{"id":"1de4c9f9-f475-4c7c-90b2-4f4d77cf4720:becbd39f-be5f-4dd6-9a40-a689dbfeac44:related","sourceId":"1de4c9f9-f475-4c7c-90b2-4f4d77cf4720","targetId":"becbd39f-be5f-4dd6-9a40-a689dbfeac44","type":"related"},{"id":"ecbda710-6fb1-40e7-b612-aa20e985b864:7fe1e065-a1ae-4211-83b6-88aa88305958:related","sourceId":"ecbda710-6fb1-40e7-b612-aa20e985b864","targetId":"7fe1e065-a1ae-4211-83b6-88aa88305958","type":"related"},{"id":"ecbda710-6fb1-40e7-b612-aa20e985b864:89bcec3f-5af2-4a69-a457-3d1f0c7227d5:related","sourceId":"ecbda710-6fb1-40e7-b612-aa20e985b864","targetId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","type":"related"},{"id":"13665a17-5397-4271-8004-7bab3ab70793:e7a91131-764a-49e8-a673-744a0fabd4b9:related","sourceId":"13665a17-5397-4271-8004-7bab3ab70793","targetId":"e7a91131-764a-49e8-a673-744a0fabd4b9","type":"related"},{"id":"e7a91131-764a-49e8-a673-744a0fabd4b9:e72d0654-929c-42dd-8773-c72e14983733:related","sourceId":"e7a91131-764a-49e8-a673-744a0fabd4b9","targetId":"e72d0654-929c-42dd-8773-c72e14983733","type":"related"},{"id":"e737da83-5ebd-4d59-80b0-e9d25a434256:248a7af1-67fd-410a-8613-7b97714fc931:related","sourceId":"e737da83-5ebd-4d59-80b0-e9d25a434256","targetId":"248a7af1-67fd-410a-8613-7b97714fc931","type":"related"},{"id":"dff44ad3-5a26-4eb8-85b9-6083127a7ef9:89bcec3f-5af2-4a69-a457-3d1f0c7227d5:related","sourceId":"dff44ad3-5a26-4eb8-85b9-6083127a7ef9","targetId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","type":"related"},{"id":"f857bdba-c9ec-49d1-b53b-90120bc0fee7:7fe1e065-a1ae-4211-83b6-88aa88305958:related","sourceId":"f857bdba-c9ec-49d1-b53b-90120bc0fee7","targetId":"7fe1e065-a1ae-4211-83b6-88aa88305958","type":"related"},{"id":"05d7b4b0-b182-4691-9c6a-c090445f5689:89bcec3f-5af2-4a69-a457-3d1f0c7227d5:related","sourceId":"05d7b4b0-b182-4691-9c6a-c090445f5689","targetId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","type":"related"},{"id":"72cf2b08-422b-4865-bf0c-53fac891de6b:cb2c20bf-7bc8-4912-865a-9962bb0dda39:related","sourceId":"72cf2b08-422b-4865-bf0c-53fac891de6b","targetId":"cb2c20bf-7bc8-4912-865a-9962bb0dda39","type":"related"},{"id":"81dcf605-b13d-4390-aa18-dba7b01aa99c:4ed12fd8-d267-4026-a226-fb39d71dff33:related","sourceId":"81dcf605-b13d-4390-aa18-dba7b01aa99c","targetId":"4ed12fd8-d267-4026-a226-fb39d71dff33","type":"related"},{"id":"81dcf605-b13d-4390-aa18-dba7b01aa99c:b732432c-62df-4dbe-bffb-e82c3277a5ec:related","sourceId":"81dcf605-b13d-4390-aa18-dba7b01aa99c","targetId":"b732432c-62df-4dbe-bffb-e82c3277a5ec","type":"related"}]},"nodeIndex":{"key":"default","items":[{"id":"08a52482-daae-42af-9966-e1910b84de90","nodeId":"fbfdc046-4b63-4c02-8151-10c6c9d41ce6","parentItemId":null,"orderIndex":10},{"id":"bace70a0-150d-47c5-80a3-490fb5912c1f","nodeId":"4ed12fd8-d267-4026-a226-fb39d71dff33","parentItemId":"08a52482-daae-42af-9966-e1910b84de90","orderIndex":20},{"id":"28e2173c-defb-4969-be86-4a0a9eb3e752","nodeId":"b732432c-62df-4dbe-bffb-e82c3277a5ec","parentItemId":"08a52482-daae-42af-9966-e1910b84de90","orderIndex":30},{"id":"d8b9fd36-4b06-4a4e-ad3e-d7d4f4b426f4","nodeId":"cb2c20bf-7bc8-4912-865a-9962bb0dda39","parentItemId":"08a52482-daae-42af-9966-e1910b84de90","orderIndex":40},{"id":"ac747ee3-33aa-4cfb-9362-b6ae65ec5a38","nodeId":"519d5b70-489f-410b-b1c7-566f257cdb7a","parentItemId":"08a52482-daae-42af-9966-e1910b84de90","orderIndex":50},{"id":"df9d3c48-744a-41d6-b803-0bc971869b92","nodeId":"ec3c38b3-fb80-4fbf-a5e7-2d18298c1ac4","parentItemId":"08a52482-daae-42af-9966-e1910b84de90","orderIndex":60},{"id":"177d601a-ab55-4c6d-b031-43c20aca1215","nodeId":"3f751a47-28af-453d-818b-fe7c7163a61d","parentItemId":null,"orderIndex":70},{"id":"8b3f53a1-1eb1-4ca4-8380-a00342755da7","nodeId":"bcb15ae7-b5a1-4c27-80c8-0059e74213b1","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":80},{"id":"d0f57d1d-b37a-40f8-a58d-19ab28e1b567","nodeId":"c7470b18-07b7-4f58-8c94-9cbfe4eb9f88","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":90},{"id":"efb99c0d-d304-4035-99f0-2d1058a28cfe","nodeId":"9a1df390-84fa-4136-bb47-def0e8d333e8","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":100},{"id":"a681d86b-2c52-4fc3-ad81-c7440776b52f","nodeId":"e87ff8dc-bd6d-4fa7-9234-273e3c8e9e64","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":110},{"id":"2d53c7c8-89ab-4455-85cf-f3b0fe8a0ef7","nodeId":"ec33068a-3d1d-474f-85f0-afbf1e3333e5","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":120},{"id":"e3960e55-6543-4200-a24f-50dfea4f7c10","nodeId":"fa79a0cd-e300-4d2e-bbc6-e235e0e3909a","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":130},{"id":"6dffbbfa-db33-42b6-8538-41db1c29d7a4","nodeId":"75ed6ac2-d43a-46a3-b025-d11e342b93e4","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":140},{"id":"74310546-1641-4e25-93d0-1b1c1e164b94","nodeId":"0f910a71-d972-4875-beaf-07dcc6f53044","parentItemId":"177d601a-ab55-4c6d-b031-43c20aca1215","orderIndex":150},{"id":"3ab73e89-6a32-4f34-8fb2-4140ead355f7","nodeId":"0f6c2029-5411-4eb6-8e12-ca71d2b6769f","parentItemId":null,"orderIndex":160},{"id":"36f29334-5159-46b7-a2e2-a6f0a298333c","nodeId":"7fcaf5d1-96c3-4e4e-8641-06b99f1cec5a","parentItemId":"3ab73e89-6a32-4f34-8fb2-4140ead355f7","orderIndex":170},{"id":"4786fb8e-e59c-4e46-9ccd-ffdf71a58b51","nodeId":"3c96c96c-2416-4e2b-8988-cf052d8de8f5","parentItemId":"3ab73e89-6a32-4f34-8fb2-4140ead355f7","orderIndex":180},{"id":"6e143981-1697-49b7-8fb4-57510b2eda41","nodeId":"e737da83-5ebd-4d59-80b0-e9d25a434256","parentItemId":"3ab73e89-6a32-4f34-8fb2-4140ead355f7","orderIndex":190},{"id":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","nodeId":"b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376","parentItemId":null,"orderIndex":200},{"id":"75260ace-f00c-40ec-8531-f0b633ccd590","nodeId":"248a7af1-67fd-410a-8613-7b97714fc931","parentItemId":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","orderIndex":210},{"id":"538ad416-a2ec-40c3-ba85-351b8dbf1a4d","nodeId":"37df2f38-13d8-4295-9c9d-eda9d08328e4","parentItemId":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","orderIndex":220},{"id":"90814d87-438b-4519-8866-292c9afa45fb","nodeId":"bad68866-ed3c-4bd1-95c4-ac7c88c66854","parentItemId":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","orderIndex":230},{"id":"d8125840-5de6-416a-a9b3-5012d438ed5f","nodeId":"cf4e0fc5-8f92-43fd-8927-d83f84c6066c","parentItemId":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","orderIndex":240},{"id":"7ff6952a-3a81-4915-adf0-20dd6e4cff91","nodeId":"87b4560d-3f9e-422c-b52e-41fa3f03b1a5","parentItemId":"21636ba2-8f5a-46b6-abe4-b3a6db65d33a","orderIndex":250},{"id":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","nodeId":"cd5ac0cb-07f5-4800-a825-9a243ce0ec20","parentItemId":null,"orderIndex":260},{"id":"5b744b25-7034-44e5-abbf-a58a90b41c19","nodeId":"89bcec3f-5af2-4a69-a457-3d1f0c7227d5","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":270},{"id":"3afa5afe-4d04-44e7-a7ce-31060e5ebbec","nodeId":"7c5d7901-3d07-4c31-8130-bf1ed5786e80","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":280},{"id":"d6141f72-1603-4d15-8a52-3bdad8614b80","nodeId":"4d69e72a-01ee-4374-99ea-61e00f798a57","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":290},{"id":"9beca80b-91ec-4717-ab91-ea3826139a38","nodeId":"1de4c9f9-f475-4c7c-90b2-4f4d77cf4720","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":300},{"id":"03234bde-443f-4b02-a7f2-3601e2e481eb","nodeId":"becbd39f-be5f-4dd6-9a40-a689dbfeac44","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":310},{"id":"32b91f92-f912-45cd-9e56-604194b928ef","nodeId":"b896f76d-6577-4d54-85cc-ea24d8497ea3","parentItemId":"3c2bfed6-d839-4da1-886a-47cc39b5b3a2","orderIndex":320},{"id":"655d85e9-3f05-471f-96f9-0f9494c26d09","nodeId":"8ad8e6c0-5a0e-412b-b654-dc8ef532643e","parentItemId":null,"orderIndex":330},{"id":"ed32416a-fd9d-4349-bfcb-dafc65da4258","nodeId":"7fe1e065-a1ae-4211-83b6-88aa88305958","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":340},{"id":"45940c28-2d24-4716-8136-cf92f874664f","nodeId":"5b764db1-7321-4a8e-b03f-99492560fdbd","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":350},{"id":"1dabe2c1-c0a2-46bf-abf7-b28119315d04","nodeId":"54901aca-044c-4a3a-8a23-45d61c5cbdea","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":360},{"id":"2f9f4e14-c789-455f-a58d-1fe5ca03ac09","nodeId":"ecbda710-6fb1-40e7-b612-aa20e985b864","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":370},{"id":"90c3b754-3855-4452-a46a-a5e9a17d9b69","nodeId":"05d7b4b0-b182-4691-9c6a-c090445f5689","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":380},{"id":"5c3e953a-8044-47d4-99b8-136bdcc53e31","nodeId":"ebf502ab-ba25-42f6-81f4-959cca3f9ff8","parentItemId":"655d85e9-3f05-471f-96f9-0f9494c26d09","orderIndex":390},{"id":"748c1a24-9d1b-4062-9a5e-dc194c82ae38","nodeId":"63c72ec5-8250-4c02-badb-5d51412de94f","parentItemId":null,"orderIndex":400},{"id":"e7835959-be32-4700-815c-44146e5e2bd4","nodeId":"13665a17-5397-4271-8004-7bab3ab70793","parentItemId":"748c1a24-9d1b-4062-9a5e-dc194c82ae38","orderIndex":410},{"id":"37bf08cf-9674-4cab-988c-2d3b42c3c021","nodeId":"e7a91131-764a-49e8-a673-744a0fabd4b9","parentItemId":"748c1a24-9d1b-4062-9a5e-dc194c82ae38","orderIndex":420},{"id":"4e447b67-e3f1-4ae4-97dc-7e525b40fd59","nodeId":"e72d0654-929c-42dd-8773-c72e14983733","parentItemId":"748c1a24-9d1b-4062-9a5e-dc194c82ae38","orderIndex":430},{"id":"cfdab115-6b89-4f51-a53f-142eb4118ee2","nodeId":"491a64d5-c400-4bf8-b097-f29738e4a8ea","parentItemId":null,"orderIndex":440},{"id":"ecb5b006-34ed-49bd-bb14-492c2a3d1e85","nodeId":"ffa940d9-390f-4600-b38d-505daa4436f2","parentItemId":"cfdab115-6b89-4f51-a53f-142eb4118ee2","orderIndex":450},{"id":"eb5fc9d3-8730-4521-821c-f8f7120cd76a","nodeId":"f6fac49f-9f3a-44b8-af8d-cc83ae210a82","parentItemId":"cfdab115-6b89-4f51-a53f-142eb4118ee2","orderIndex":460},{"id":"b7641501-fb8f-451b-a046-532ed2357716","nodeId":"9b8166d1-c1a9-4363-871a-9094ae09f9e6","parentItemId":"cfdab115-6b89-4f51-a53f-142eb4118ee2","orderIndex":470},{"id":"134b138a-935a-4dcc-94bc-d915c7d2fd81","nodeId":"72cf2b08-422b-4865-bf0c-53fac891de6b","parentItemId":null,"orderIndex":480},{"id":"0d4be672-e477-4135-bc92-b745719d5a2a","nodeId":"81dcf605-b13d-4390-aa18-dba7b01aa99c","parentItemId":null,"orderIndex":490},{"id":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","nodeId":"f6380eae-1512-41d4-93a2-b468f14c7e66","parentItemId":null,"orderIndex":500},{"id":"b6a242f8-eaa2-42e4-b1b7-fc9f1f174586","nodeId":"0c332e4c-36ca-40f8-ae6f-e311fd49a880","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":510},{"id":"7de81535-4819-4759-be17-9b1f022136a4","nodeId":"44f7a623-68dc-483f-bb90-9491716e2984","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":520},{"id":"4664d11f-f147-4cb9-9221-458fb0d4a413","nodeId":"5bd94e4f-594b-473e-bc9e-7e9cfe688680","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":530},{"id":"4cc88c63-f85d-4e6d-90bc-a15715a9fc27","nodeId":"dff44ad3-5a26-4eb8-85b9-6083127a7ef9","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":540},{"id":"cb543a51-dab0-4ebd-b9e4-f1381b6cb96a","nodeId":"f857bdba-c9ec-49d1-b53b-90120bc0fee7","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":550},{"id":"cf39cda0-1600-47b8-9e0c-4ceb335a2ce3","nodeId":"eaecadc5-27e3-414a-b01c-14cb677291bd","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":560},{"id":"1448fc19-f9f3-4719-b7c1-6845b89e4bd7","nodeId":"a3b098be-a733-47c4-9010-f84c25811296","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":570},{"id":"b798b40a-0bdc-4b4f-beb6-9978cd2f6b70","nodeId":"25aa98d1-cec9-4664-bd38-028140b26ba0","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":580},{"id":"65cd4cc7-1f43-4c64-822a-9427dfd2d1f5","nodeId":"1249ce6b-8949-4078-95bf-dd23b41d69ce","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":590},{"id":"e4d284a4-91a7-4ef3-be15-c2c22c58c4d2","nodeId":"390ed544-b397-458b-ae53-270f2f00f30a","parentItemId":"f2689de6-9ca3-41a9-9e34-9bec903c22ab","orderIndex":600}]},"favoriteNodeIds":[],"nodeStatusByNodeId":{"4ed12fd8-d267-4026-a226-fb39d71dff33":"unknown","bcb15ae7-b5a1-4c27-80c8-0059e74213b1":"unknown","7fcaf5d1-96c3-4e4e-8641-06b99f1cec5a":"unknown","248a7af1-67fd-410a-8613-7b97714fc931":"unknown","89bcec3f-5af2-4a69-a457-3d1f0c7227d5":"unknown","7fe1e065-a1ae-4211-83b6-88aa88305958":"unknown","13665a17-5397-4271-8004-7bab3ab70793":"unknown","ffa940d9-390f-4600-b38d-505daa4436f2":"unknown","0c332e4c-36ca-40f8-ae6f-e311fd49a880":"unknown","c062cb66-3a98-4bc0-bac5-5fdb5def876d":"unknown","fbfdc046-4b63-4c02-8151-10c6c9d41ce6":"unknown","b732432c-62df-4dbe-bffb-e82c3277a5ec":"unknown","3c96c96c-2416-4e2b-8988-cf052d8de8f5":"unknown","37df2f38-13d8-4295-9c9d-eda9d08328e4":"unknown","7c5d7901-3d07-4c31-8130-bf1ed5786e80":"unknown","5b764db1-7321-4a8e-b03f-99492560fdbd":"unknown","e7a91131-764a-49e8-a673-744a0fabd4b9":"unknown","f6fac49f-9f3a-44b8-af8d-cc83ae210a82":"unknown","44f7a623-68dc-483f-bb90-9491716e2984":"unknown","3f751a47-28af-453d-818b-fe7c7163a61d":"unknown","c7470b18-07b7-4f58-8c94-9cbfe4eb9f88":"unknown","9a1df390-84fa-4136-bb47-def0e8d333e8":"unknown","0f6c2029-5411-4eb6-8e12-ca71d2b6769f":"unknown","5bd94e4f-594b-473e-bc9e-7e9cfe688680":"unknown","9b8166d1-c1a9-4363-871a-9094ae09f9e6":"unknown","e72d0654-929c-42dd-8773-c72e14983733":"unknown","54901aca-044c-4a3a-8a23-45d61c5cbdea":"unknown","4d69e72a-01ee-4374-99ea-61e00f798a57":"unknown","bad68866-ed3c-4bd1-95c4-ac7c88c66854":"unknown","cb2c20bf-7bc8-4912-865a-9962bb0dda39":"unknown","e737da83-5ebd-4d59-80b0-e9d25a434256":"unknown","b4d6a7bc-bf3c-48b8-bdc8-fe2f28573376":"unknown","519d5b70-489f-410b-b1c7-566f257cdb7a":"unknown","e87ff8dc-bd6d-4fa7-9234-273e3c8e9e64":"unknown","cf4e0fc5-8f92-43fd-8927-d83f84c6066c":"unknown","1de4c9f9-f475-4c7c-90b2-4f4d77cf4720":"unknown","ecbda710-6fb1-40e7-b612-aa20e985b864":"unknown","dff44ad3-5a26-4eb8-85b9-6083127a7ef9":"unknown","ec33068a-3d1d-474f-85f0-afbf1e3333e5":"unknown","f857bdba-c9ec-49d1-b53b-90120bc0fee7":"unknown","05d7b4b0-b182-4691-9c6a-c090445f5689":"unknown","becbd39f-be5f-4dd6-9a40-a689dbfeac44":"unknown","87b4560d-3f9e-422c-b52e-41fa3f03b1a5":"unknown","cd5ac0cb-07f5-4800-a825-9a243ce0ec20":"unknown","ec3c38b3-fb80-4fbf-a5e7-2d18298c1ac4":"unknown","8ad8e6c0-5a0e-412b-b654-dc8ef532643e":"unknown","fa79a0cd-e300-4d2e-bbc6-e235e0e3909a":"unknown","b896f76d-6577-4d54-85cc-ea24d8497ea3":"unknown","ebf502ab-ba25-42f6-81f4-959cca3f9ff8":"unknown","eaecadc5-27e3-414a-b01c-14cb677291bd":"unknown","63c72ec5-8250-4c02-badb-5d51412de94f":"unknown","a3b098be-a733-47c4-9010-f84c25811296":"unknown","75ed6ac2-d43a-46a3-b025-d11e342b93e4":"unknown","25aa98d1-cec9-4664-bd38-028140b26ba0":"unknown","491a64d5-c400-4bf8-b097-f29738e4a8ea":"unknown","0f910a71-d972-4875-beaf-07dcc6f53044":"unknown","72cf2b08-422b-4865-bf0c-53fac891de6b":"unknown","1249ce6b-8949-4078-95bf-dd23b41d69ce":"unknown","81dcf605-b13d-4390-aa18-dba7b01aa99c":"unknown","390ed544-b397-458b-ae53-270f2f00f30a":"unknown","f6380eae-1512-41d4-93a2-b468f14c7e66":"unknown"},"isAuthenticated":false,"isPro":false}}] </article></body></html>

HTTP {error.status}

{error?.message}

HTTP {error.status}

{error?.message}

HTTP {error.status}

{error?.message}

React Router

#1路由器创建

#2路由定义

#3导航组件

#4导航 Hooks

#5数据加载

#6表单与 Actions

#7错误处理

#8加载状态与 UI

#9Declarative Mode

#10Data Mode

#11框架模式

React Router

#1路由器创建

#2路由定义

#3导航组件

#4导航 Hooks

#5数据加载

#6表单与 Actions

#7错误处理

#8加载状态与 UI

#9Declarative Mode

#10Data Mode

#11框架模式