React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界？
围绕“React Router 中 loader 与 action 如何协同处理数据加载和表单提交的错误边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader/action 的错误如何被 error boundary 捕获并渲染，不能仅描述错误类型或通用异常处理。
核心关键词loader action 错误边界 共同处理数据异常
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 73 页，收录第 3601–3650 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5,000完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 73 页
本页面试问题
按稳定语义路径排序
- 3601
- 3602
React Router v7 中，如何实现 loader 的数据缓存以减少重复请求？
围绕“React Router v7 中，如何实现 loader 的数据缓存以减少重复请求”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过自定义 cache key + Context API 手动管理，不能依赖框架内置缓存。
核心关键词loader 缓存策略 数据缓存 重复请求 - 3603
能否根据特定条件（如用户权限变化）手动触发 loader 的重验证？如何实现？
围绕“能否根据特定条件（如用户权限变化）手动触发 loader 的重验证？如何实现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 reload() 函数主动调用，不能通过修改 URL 伪造条件。
核心关键词loader 条件重验证 手动触发依赖 - 3604
loader 返回的数据是否可以直接用于视图？若需转换，应在何处进行？
围绕“loader 返回的数据是否可以直接用于视图？若需转换，应在何处进行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明应在组件内部转换，不能在 loader 内预处理，避免污染数据结构。
核心关键词loader 数据转换 视图使用 前处理 - 3605
首次加载页面时，loader 如何获取初始数据？是否会在组件挂载前运行？
围绕“首次加载页面时，loader 如何获取初始数据？是否会在组件挂载前运行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader 在组件挂载前执行，且不依赖用户交互，不能误以为是事件驱动。
核心关键词loader 首次加载 初始数据 获取时机 - 3606
loader 能否只返回部分数据？如何在路由层级中实现渐进式加载？
围绕“loader 能否只返回部分数据？如何在路由层级中实现渐进式加载”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 loader 必须返回完整对象，不能拆分返回，需通过组件控制展示。
核心关键词loader 部分数据 渐进式加载 路由层级 - 3607
在 React Router v7 里，loader 的重验证（revalidation）策略如何影响数据更新时机？
围绕“在 React Router v7 里，loader 的重验证（revalidation）策略如何影响数据更新时机”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 load、reload、refetch 等触发机制与默认行为差异，不能泛化为‘自动更新’。
核心关键词loader 重验证策略 路由更新时机 - 3608
loader 使用 async/await 时，为何必须配合 Suspense？其作用机制是什么？
围绕“loader 使用 async/await 时，为何必须配合 Suspense？其作用机制是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Suspense 用于等待异步数据，否则页面会冻结，不能仅提“防止白屏”。
核心关键词loader 异步数据 Suspense 机制 - 3609
loader 请求超时该如何处理？是否有内置超时机制？
围绕“loader 请求超时该如何处理？是否有内置超时机制”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明无内置超时，需手动封装 fetch + timeout 控制，不能依赖框架。
核心关键词loader 请求超时 处理方式 - 3610
在使用 React Router 时，如何保证用户在刷新页面后仍能恢复之前的导航状态？
围绕“在使用 React Router 时，如何保证用户在刷新页面后仍能恢复之前的导航状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 loader / action 保存状态到 URL 或 localStorage，不能依赖浏览器历史栈。
核心关键词导航状态 恢复 刷新页面 保持状态 - 3611
嵌套路由中，子路由组件如何安全地访问父路由 loader 返回的数据？
围绕“嵌套路由中，子路由组件如何安全地访问父路由 loader 返回的数据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 useLoaderData() 仅能访问自己对应 loader，不能直接访问父级数据。
核心关键词嵌套路由 子路由 访问父数据 安全方式 - 3612
嵌套路由中，一个子路由的错误是否会影响其他兄弟路由的正常加载？
围绕“嵌套路由中，一个子路由的错误是否会影响其他兄弟路由的正常加载”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明错误仅影响自身及祖先，兄弟路由不受影响，不能认为是全局崩溃。
核心关键词嵌套路由 子路由错误 兄弟路由 加载影响 - 3613
嵌套路由中，子路由的 loader 报错时，错误是否会影响父路由的 UI 渲染？
围绕“嵌套路由中，子路由的 loader 报错时，错误是否会影响父路由的 UI 渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明错误会向上冒泡至最近的 error boundary，不影响父级 loader 执行结果。
核心关键词嵌套路由 子路由错误 父路由渲染 影响 - 3614
嵌套路由中，多个子路由的 loader 能否并行执行？如何控制其加载顺序？
围绕“嵌套路由中，多个子路由的 loader 能否并行执行？如何控制其加载顺序”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明所有子路由 loader 会并发执行，不能通过顺序写入改变加载顺序。
核心关键词嵌套路由 子路由 并行加载 控制顺序 - 3615
为什么 React 流式 SSR 需要设置超时并调用 abort 终止渲染，终止后页面会变成什么样？
围绕“为什么 React 流式 SSR 需要设置超时并调用 abort 终止渲染，终止后页面会变成什么样”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明挂起过久的数据应放弃服务端渲染、剩余部分交给客户端渲染。
核心关键词React SSR abort 超时 流式 - 3616
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？
围绕“React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 useEffect 延迟执行、按环境条件分支、客户端专属组件等可行路径。
核心关键词React SSR window is not defined 解决 - 3617
React 的 cache() 函数在服务端组件渲染中起什么作用，为什么组件树里多处 fetch 同一数据不会重复请求？
围绕“React 的 cache() 函数在服务端组件渲染中起什么作用，为什么组件树里多处 fetch 同一数据不会重复请”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 cache 按单次渲染对相同参数的调用去重且跨组件生效。
核心关键词React cache 函数 服务端 请求去重 - 3618
在 React Server Components 中如何把客户端交互组件嵌入以服务端为主的组件树而不扩大客户端边界？
围绕“在 React Server Components 中如何把客户端交互组件嵌入以服务端为主的组件树而不扩大客户端边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 children/slot 把服务端渲染结果传入客户端组件、避免把整棵子树划入客户端包。
核心关键词React 服务端组件 children 组合模式 - 3619
React 的 CSR 与 SSR 在首屏生成流程上有什么区别？
按照请求、HTML、JavaScript、数据和交互接管的顺序比较 React CSR 与 SSR，区分首屏可见和可交互，说明流式输出、静态生成以及后续客户端导航对流程的影响。
核心关键词React CSR 与 SSR 渲染流程区别 - 3620
React 流式 SSR 中某个 Suspense 边界在服务端抛错时，Error Boundary 如何影响最终页面？
围绕“React 流式 SSR 中某个 Suspense 边界在服务端抛错时，Error Boundary 如何影响最终页”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务端将该边界降级为客户端渲染、由客户端的 Error Boundary 或重试接管。
核心关键词React 流式 SSR Error Boundary Suspense - 3621
hydrateRoot 与 createRoot 如何选择，React 19 还支持旧 hydrate 吗？
根据根容器是否已有对应 SSR HTML 选择 hydrateRoot 或 createRoot，说明两种 API 的启动方式、后续更新与卸载，并明确 React 18 弃用及 React 19 移除旧 render、hydrate 的版本边界。
核心关键词React hydrateRoot createRoot 区别 - 3622
React hydration mismatch 通常由哪些原因造成，怎么定位？
按初始数据、时间随机性、浏览器环境、无效 HTML 和外部 DOM 修改分类排查 hydration mismatch，用共享时间标签示例说明确定性初始输入，并区分首次接管与之后正常更新。
核心关键词React hydration mismatch 原因 - 3623
React hydration 不匹配时如何恢复，会导致整个页面重建吗？
区分 hydration 属性差异与无法继续接管的错误，解释 Suspense 边界内恢复和根级回退的范围，说明已有首屏不会被追溯取消，以及 DOM 重建、输入状态和错误监控的实际代价。
核心关键词React hydration 不匹配 回退 客户端重渲染 - 3624
React 应用 hydration 阶段的主要性能开销来自哪里，有哪些降低成本的思路？
围绕“React 应用 hydration 阶段的主要性能开销来自哪里，有哪些降低成本的思路”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出执行整树 JS 与重建虚拟 DOM 的成本，并给出缩减 JS 体积、局部 hydration 等方向。
核心关键词React hydration 性能优化 - 3625
React.lazy 包裹的组件在流式 SSR 中如何与 Suspense 配合，为什么这让代码分包能在服务端生效？
围绕“React.lazy 包裹的组件在流式 SSR 中如何与 Suspense 配合，为什么这让代码分包能在服务端生效”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 lazy 组件在服务端挂起并触发 fallback、客户端按边界分段加载与 hydration。
核心关键词React.lazy Suspense SSR 代码分割 - 3626
React 中多个嵌套或兄弟 Suspense 边界在流式 SSR 中的内容揭示顺序由什么决定？
围绕“React 中多个嵌套或兄弟 Suspense 边界在流式 SSR 中的内容揭示顺序由什么决定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明各边界独立完成、父边界 fallback 会覆盖未就绪子边界。
核心关键词React 嵌套 Suspense 揭示顺序 - 3627
React 19 中在组件树任意位置渲染 title、meta、link 标签会发生什么，这对 SSR 有什么意义？
围绕“React 19 中在组件树任意位置渲染 title、meta、link 标签会发生什么，这对 SSR 有什么意义”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明这些标签会被自动提升到 document head，简化了 SSR 下各页面元数据管理。
核心关键词React 19 文档元数据 title meta - 3628
React 19 的 prerender（react-dom/static）与 renderToString 有何不同，为什么它适合静态站点生成？
围绕“React 19 的 prerender（react-dom/static）与 renderToString 有何不”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 prerender 会等待全部 Suspense 数据就绪后再输出完整静态 HTML。
核心关键词React 19 prerender react-dom/static - 3629
在 Node.js 中如何用 React 的 renderToPipeableStream 实现流式 SSR，它的关键回调各自在什么时候触发？
围绕“在 Node.js 中如何用 React 的 renderToPipeableStream 实现流式 SSR，它的关”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须讲清 render 调用时机与 pipe 的输出方式，回调对比题留给 shell-ready 与 all-ready 单独讨论。
核心关键词React renderToPipeableStream Node 流式 SSR - 3630
在边缘运行时（Web Streams 环境）中 React 流式 SSR 应使用哪个 API，它与 Node 版本有何不同？
围绕“在边缘运行时（Web Streams 环境）中 React 流式 SSR 应使用哪个 API，它与 Node 版本有”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 renderToReadableStream 返回 Web ReadableStream、适用于 Deno/边缘函数等环境。
核心关键词React renderToReadableStream edge 流式 - 3631
React 的 renderToStaticMarkup 与 renderToString 输出有何区别，各自适合什么产物？
围绕“React 的 renderToStaticMarkup 与 renderToString 输出有何区别，各自适合什”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 static 版本不含 data-reactroot 等 hydration 标记、适合邮件等纯静态内容。
核心关键词renderToStaticMarkup 与 renderToString 区别 - 3632
React 的 renderToString 是如何工作的，为什么说它不适合需要流式传输的场景？
围绕“React 的 renderToString 是如何工作的，为什么说它不适合需要流式传输的场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它同步生成完整 HTML 字符串、不支持 Suspense 流式。
核心关键词React renderToString 用法 局限 - 3633
在 Node 服务端选择 renderToString 还是 renderToPipeableStream，判断依据是什么？
围绕“在 Node 服务端选择 renderToString 还是 renderToPipeableStream，判断依据”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须依据是否需要 Suspense 流式输出与更快首字节来做选择。
核心关键词renderToString 与 renderToPipeableStream 区别 - 3634
React Server Components 的客户端边界划分如何影响最终发往浏览器的 JavaScript 包体积？
围绕“React Server Components 的客户端边界划分如何影响最终发往浏览器的 JavaScript 包体”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务端组件及其依赖不进入客户端 bundle、边界位置决定拆包形状。
核心关键词React RSC 客户端边界 打包 体积 - 3635
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？
围绕“为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务端组件不 hydration、不常驻内存因此无交互生命周期，换来零客户端 JS 与直接访问后端资源。
核心关键词React 服务端组件 不能用 hooks 原因 - 3636
React Server Components 渲染出的 RSC payload 是什么形态，客户端如何消费它？
围绕“React Server Components 渲染出的 RSC payload 是什么形态，客户端如何消费它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它是可流式传输的序列化指令流而非 HTML、客户端据此重建组件树。
核心关键词React RSC payload Flight 格式 - 3637
React Server Components（RSC）与传统 SSR 是同一回事吗，两者在渲染管线中分别负责什么？
围绕“React Server Components（RSC）与传统 SSR 是同一回事吗，两者在渲染管线中分别负责什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 RSC 是组件类型的划分、SSR 是首屏 HTML 生成手段且两者可叠加使用。
核心关键词React Server Components 与 SSR 区别 - 3638
React 18 的选择性 hydration（selective hydration）是什么，它如何响应用户的早期交互？
围绕“React 18 的选择性 hydration（selective hydration）是什么，它如何响应用户的早期”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明按 Suspense 边界分段 hydration 且用户交互的边界会被优先处理。
核心关键词React 18 选择性 hydration 原理 - 3639
为什么从 React 服务端组件传给客户端组件的 props 必须是可序列化的，传函数会怎样？
围绕“为什么从 React 服务端组件传给客户端组件的 props 必须是可序列化的，传函数会怎样”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明跨越网络边界的 props 要走序列化通道、函数与类实例不可传递。
核心关键词React 服务端组件 可序列化 props - 3640
为什么把 React Server Action 传给 form 的 action 属性能做到 JavaScript 未加载时表单仍可提交？
围绕“为什么把 React Server Action 传给 form 的 action 属性能做到 JavaScript”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它退化为原生表单 POST 提交、有 JS 时升级为无刷新调用。
核心关键词React Server Action 表单 渐进增强 - 3641
React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际发生了什么？
围绕“React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明客户端调用被框架转为对服务端的请求并返回 Promise。
核心关键词React use server Server Functions 原理 - 3642
renderToPipeableStream 的 onShellReady 与 onAllReady 分别在什么时机触发，爬虫访问时应选择哪个？
围绕“renderToPipeableStream 的 onShellReady 与 onAllReady 分别在什么时机”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分外壳就绪与全部 Suspense 完成两个时点，并给出按访客类型（人 vs 爬虫）选择的判断。
核心关键词onShellReady onAllReady 区别 - 3643
React SSR 如何帮助 SEO 和社交分享，CSR 页面一定不能收录吗？
解释 SSR 和预渲染如何让正文、链接和页面元信息更早进入 HTML，纠正 CSR 一定不能收录的说法，并给出状态码、canonical、sitemap 和分享卡片的分层验收方法。
核心关键词React SSR SEO 原理 - 3644
React SSR 有哪些代价，什么场景值得使用？
从公开内容、个性化数据、缓存命中和客户端交互比较 SSR 的适用边界，解释服务端计算、首字节等待、双环境约束和 hydration 成本，并给出按页面选择静态生成与客户端渲染的思路。
核心关键词React SSR 优缺点 适用场景 - 3645
React 流式 SSR 在 HTML 已经开始发送之后发生渲染错误，服务端应该如何处理？
围绕“React 流式 SSR 在 HTML 已经开始发送之后发生渲染错误，服务端应该如何处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明已发送字节无法收回、只能通过 onError 记录并让客户端接管或显示边界错误。
核心关键词React 流式 SSR 渲染错误处理 - 3646
React 流式 SSR 是如何把 Suspense 边界内后续完成的内容「补」进已发送的 HTML 中的？
围绕“React 流式 SSR 是如何把 Suspense 边界内后续完成的内容「补」进已发送的 HTML 中的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释分块传输与内联脚本替换临时标记节点的机制。
核心关键词React 流式 SSR Suspense 分块 原理 - 3647
React 流式 SSR 为什么能降低 TTFB，慢数据源对首屏的影响如何被隔离？
围绕“React 流式 SSR 为什么能降低 TTFB，慢数据源对首屏的影响如何被隔离”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明先发送页面外壳再边算边发、慢部分由 Suspense fallback 兜底。
核心关键词React 流式渲染 TTFB 优化 - 3648
suppressHydrationWarning 适合什么情况，为什么不是通用修复？
说明 suppressHydrationWarning 只适合单个元素不可避免的文本或属性差异，解释单层作用与不保证文本修补，并比较共享初始快照、接管后更新和真正客户端组件的取舍。
核心关键词React suppressHydrationWarning 使用场景 - 3649
在 React 流式 SSR 中如何决定 Suspense 边界的拆分粒度，过粗和过细各有什么问题？
围绕“在 React 流式 SSR 中如何决定 Suspense 边界的拆分粒度，过粗和过细各有什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须权衡独立加载单元的价值与 fallback 闪烁、布局抖动的代价。
核心关键词React Suspense 边界 拆分 设计 - 3650
为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合？
围绕“为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需要支持 Suspense 契约的数据源或框架集成（抛出 promise 的读取协议）。
核心关键词React Suspense 数据获取 条件