拿到设计稿后，怎样拆 React 组件并决定状态放在哪里？
拿到设计稿后，怎样拆 React 组件并决定状态放在哪里？ 本文先给出可直接复述的结论，再用最小代码说明React 组件拆分和状态归属设计的工作方式、判断依据、项目边界和常见误区。
核心关键词React 组件拆分和状态归属设计
面试知识索引 · 分类、标签与搜索
React · 流处理面试题，42 道完整答案
React · 流处理面试题第 1 页，显示第 1–42 题，共找到 42 道完整解析，可继续按分类、标签与关键词缩小范围。
42筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
为什么 React 流式 SSR 需要设置超时并调用 abort 终止渲染，终止后页面会变成什么样？
为什么 React 流式 SSR 需要设置超时并调用 abort 终止渲染，终止后页面会变成什么样？ 本文先给出可直接复述的结论，再用最小代码说明React SSR abort 超时 流式的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR abort 超时 流式 - 0003
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？ 本文先给出可直接复述的结论，再用最小代码说明React SSR window is not defined 解决的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR window is not defined 解决 - 0004
React 的 cache() 函数在服务端组件渲染中起什么作用，为什么组件树里多处 fetch 同一数据不会重复请求？
React 的 cache() 函数在服务端组件渲染中起什么作用，为什么组件树里多处 fetch 同一数据不会重复请求？ 本文先给出可直接复述的结论，再用最小代码说明React cache 函数 服务端 请求去重的工作方式、判断依据、项目边界和常见误区。
核心关键词React cache 函数 服务端 请求去重 - 0005
在 React Server Components 中如何把客户端交互组件嵌入以服务端为主的组件树而不扩大客户端边界？
在 React Server Components 中如何把客户端交互组件嵌入以服务端为主的组件树而不扩大客户端边界？ 本文先给出可直接复述的结论，再用最小代码说明React 服务端组件 children 组合模式的工作方式、判断依据、项目边界和常见误区。
核心关键词React 服务端组件 children 组合模式 - 0006
React 的 CSR 与 SSR 在首屏生成流程上有什么区别？
React 的 CSR 与 SSR 在首屏生成流程上有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明React CSR 与 SSR 渲染流程区别的工作方式、判断依据、项目边界和常见误区。
核心关键词React CSR 与 SSR 渲染流程区别 - 0007
React 流式 SSR 中某个 Suspense 边界在服务端抛错时，Error Boundary 如何影响最终页面？
React 流式 SSR 中某个 Suspense 边界在服务端抛错时，Error Boundary 如何影响最终页面？ 本文先给出可直接复述的结论，再用最小代码说明React 流式 SSR Error Boundary Suspense的工作方式、判断依据、项目边界和常见误区。
核心关键词React 流式 SSR Error Boundary Suspense - 0008
hydrateRoot 与 createRoot 如何选择，React 19 还支持旧 hydrate 吗？
根据根容器是否已有对应 SSR HTML 选择 hydrateRoot 或 createRoot，说明两种 API 的启动方式、后续更新与卸载，并明确 React 18 弃用及 React 19 移除旧 render、hydrate 的版本边界。
核心关键词React hydrateRoot createRoot 区别 - 0009
React hydration mismatch 通常由哪些原因造成，怎么定位？
按初始数据、时间随机性、浏览器环境、无效 HTML 和外部 DOM 修改分类排查 hydration mismatch，用共享时间标签示例说明确定性初始输入，并区分首次接管与之后正常更新。
核心关键词React hydration mismatch 原因 - 0010
React hydration 不匹配时如何恢复，会导致整个页面重建吗？
React hydration 不匹配时如何恢复，会导致整个页面重建吗？ 本文先给出可直接复述的结论，再用最小代码说明React hydration 不匹配 回退 客户端重渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React hydration 不匹配 回退 客户端重渲染 - 0011
React 应用 hydration 阶段的主要性能开销来自哪里，有哪些降低成本的思路？
React 应用 hydration 阶段的主要性能开销来自哪里，有哪些降低成本的思路？ 本文先给出可直接复述的结论，再用最小代码说明React hydration 性能优化的工作方式、判断依据、项目边界和常见误区。
核心关键词React hydration 性能优化 - 0012
React.lazy 包裹的组件在流式 SSR 中如何与 Suspense 配合，为什么这让代码分包能在服务端生效？
React.lazy 包裹的组件在流式 SSR 中如何与 Suspense 配合，为什么这让代码分包能在服务端生效？ 本文先给出可直接复述的结论，再用最小代码说明React.lazy Suspense SSR 代码分割的工作方式、判断依据、项目边界和常见误区。
核心关键词React.lazy Suspense SSR 代码分割 - 0013
React 中多个嵌套或兄弟 Suspense 边界在流式 SSR 中的内容揭示顺序由什么决定？
React 中多个嵌套或兄弟 Suspense 边界在流式 SSR 中的内容揭示顺序由什么决定？ 本文先给出可直接复述的结论，再用最小代码说明React 嵌套 Suspense 揭示顺序的工作方式、判断依据、项目边界和常见误区。
核心关键词React 嵌套 Suspense 揭示顺序 - 0014
React 19 中在组件树任意位置渲染 title、meta、link 标签会发生什么，这对 SSR 有什么意义？
React 19 中在组件树任意位置渲染 title、meta、link 标签会发生什么，这对 SSR 有什么意义？ 本文先给出可直接复述的结论，再用最小代码说明React 19 文档元数据 title meta的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 文档元数据 title meta - 0015
React 19 的 prerender（react-dom/static）与 renderToString 有何不同，为什么它适合静态站点生成？
React 19 的 prerender（react-dom/static）与 renderToString 有何不同，为什么它适合静态站点生成？ 本文先给出可直接复述的结论，再用最小代码说明React 19 prerender react-dom/static的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 prerender react-dom/static - 0016
在 Node.js 中如何用 React 的 renderToPipeableStream 实现流式 SSR，它的关键回调各自在什么时候触发？
在 Node.js 中如何用 React 的 renderToPipeableStream 实现流式 SSR，它的关键回调各自在什么时候触发？ 本文先给出可直接复述的结论，再用最小代码说明React renderToPipeableStream Node 流式 SSR的工作方式、判断依据、项目边界和常见误区。
核心关键词React renderToPipeableStream Node 流式 SSR - 0017
在边缘运行时（Web Streams 环境）中 React 流式 SSR 应使用哪个 API，它与 Node 版本有何不同？
在边缘运行时（Web Streams 环境）中 React 流式 SSR 应使用哪个 API，它与 Node 版本有何不同？ 本文先给出可直接复述的结论，再用最小代码说明React renderToReadableStream edge 流式的工作方式、判断依据、项目边界和常见误区。
核心关键词React renderToReadableStream edge 流式 - 0018
React 的 renderToStaticMarkup 与 renderToString 输出有何区别，各自适合什么产物？
React 的 renderToStaticMarkup 与 renderToString 输出有何区别，各自适合什么产物？ 本文先给出可直接复述的结论，再用最小代码说明renderToStaticMarkup 与 renderToString 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词renderToStaticMarkup 与 renderToString 区别 - 0019
React 的 renderToString 是如何工作的，为什么说它不适合需要流式传输的场景？
React 的 renderToString 是如何工作的，为什么说它不适合需要流式传输的场景？ 本文先给出可直接复述的结论，再用最小代码说明React renderToString 用法 局限的工作方式、判断依据、项目边界和常见误区。
核心关键词React renderToString 用法 局限 - 0020
在 Node 服务端选择 renderToString 还是 renderToPipeableStream，判断依据是什么？
在 Node 服务端选择 renderToString 还是 renderToPipeableStream，判断依据是什么？ 本文先给出可直接复述的结论，再用最小代码说明renderToString 与 renderToPipeableStream 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词renderToString 与 renderToPipeableStream 区别 - 0021
React Server Components 的客户端边界划分如何影响最终发往浏览器的 JavaScript 包体积？
React Server Components 的客户端边界划分如何影响最终发往浏览器的 JavaScript 包体积？ 本文先给出可直接复述的结论，再用最小代码说明React RSC 客户端边界 打包 体积的工作方式、判断依据、项目边界和常见误区。
核心关键词React RSC 客户端边界 打包 体积 - 0022
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？ 本文先给出可直接复述的结论，再用最小代码说明React 服务端组件 不能用 hooks 原因的工作方式、判断依据、项目边界和常见误区。
核心关键词React 服务端组件 不能用 hooks 原因 - 0023
React Server Components 渲染出的 RSC payload 是什么形态，客户端如何消费它？
React Server Components 渲染出的 RSC payload 是什么形态，客户端如何消费它？ 本文先给出可直接复述的结论，再用最小代码说明React RSC payload Flight 格式的工作方式、判断依据、项目边界和常见误区。
核心关键词React RSC payload Flight 格式 - 0024
React Server Components（RSC）与传统 SSR 是同一回事吗，两者在渲染管线中分别负责什么？
React Server Components（RSC）与传统 SSR 是同一回事吗，两者在渲染管线中分别负责什么？ 本文先给出可直接复述的结论，再用最小代码说明React Server Components 与 SSR 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词React Server Components 与 SSR 区别 - 0025
React 18 的选择性 hydration（selective hydration）是什么，它如何响应用户的早期交互？
React 18 的选择性 hydration（selective hydration）是什么，它如何响应用户的早期交互？ 本文先给出可直接复述的结论，再用最小代码说明React 18 选择性 hydration 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React 18 选择性 hydration 原理 - 0026
为什么从 React 服务端组件传给客户端组件的 props 必须是可序列化的，传函数会怎样？
为什么从 React 服务端组件传给客户端组件的 props 必须是可序列化的，传函数会怎样？ 本文先给出可直接复述的结论，再用最小代码说明React 服务端组件 可序列化 props的工作方式、判断依据、项目边界和常见误区。
核心关键词React 服务端组件 可序列化 props - 0027
React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际发生了什么？
React 的 'use server' 与 Server Functions 解决了什么问题，客户端调用它们时实际发生了什么？ 本文先给出可直接复述的结论，再用最小代码说明React use server Server Functions 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React use server Server Functions 原理 - 0028
renderToPipeableStream 的 onShellReady 与 onAllReady 分别在什么时机触发，爬虫访问时应选择哪个？
renderToPipeableStream 的 onShellReady 与 onAllReady 分别在什么时机触发，爬虫访问时应选择哪个？ 本文先给出可直接复述的结论，再用最小代码说明onShellReady onAllReady 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词onShellReady onAllReady 区别 - 0029
React SSR 如何帮助 SEO 和社交分享，CSR 页面一定不能收录吗？
React SSR 如何帮助 SEO 和社交分享，CSR 页面一定不能收录吗？ 本文先给出可直接复述的结论，再用最小代码说明React SSR SEO 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR SEO 原理 - 0030
React SSR 有哪些代价，什么场景值得使用？
React SSR 有哪些代价，什么场景值得使用？ 本文先给出可直接复述的结论，再用最小代码说明React SSR 优缺点 适用场景的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR 优缺点 适用场景 - 0031
React 流式 SSR 在 HTML 已经开始发送之后发生渲染错误，服务端应该如何处理？
React 流式 SSR 在 HTML 已经开始发送之后发生渲染错误，服务端应该如何处理？ 本文先给出可直接复述的结论，再用最小代码说明React 流式 SSR 渲染错误处理的工作方式、判断依据、项目边界和常见误区。
核心关键词React 流式 SSR 渲染错误处理 - 0032
React 流式 SSR 是如何把 Suspense 边界内后续完成的内容「补」进已发送的 HTML 中的？
React 流式 SSR 是如何把 Suspense 边界内后续完成的内容「补」进已发送的 HTML 中的？ 本文先给出可直接复述的结论，再用最小代码说明React 流式 SSR Suspense 分块 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React 流式 SSR Suspense 分块 原理 - 0033
React 流式 SSR 为什么能降低 TTFB，慢数据源对首屏的影响如何被隔离？
React 流式 SSR 为什么能降低 TTFB，慢数据源对首屏的影响如何被隔离？ 本文先给出可直接复述的结论，再用最小代码说明React 流式渲染 TTFB 优化的工作方式、判断依据、项目边界和常见误区。
核心关键词React 流式渲染 TTFB 优化 - 0034
suppressHydrationWarning 适合什么情况，为什么不是通用修复？
suppressHydrationWarning 适合什么情况，为什么不是通用修复？ 本文先给出可直接复述的结论，再用最小代码说明React suppressHydrationWarning 使用场景的工作方式、判断依据、项目边界和常见误区。
核心关键词React suppressHydrationWarning 使用场景 - 0035
在 React 流式 SSR 中如何决定 Suspense 边界的拆分粒度，过粗和过细各有什么问题？
在 React 流式 SSR 中如何决定 Suspense 边界的拆分粒度，过粗和过细各有什么问题？ 本文先给出可直接复述的结论，再用最小代码说明React Suspense 边界 拆分 设计的工作方式、判断依据、项目边界和常见误区。
核心关键词React Suspense 边界 拆分 设计 - 0036
为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合？
为什么只有 Suspense 组件本身不能让 React 在渲染期间直接 await 数据，还需要什么配合？ 本文先给出可直接复述的结论，再用最小代码说明React Suspense 数据获取 条件的工作方式、判断依据、项目边界和常见误区。
核心关键词React Suspense 数据获取 条件 - 0037
React 18 中 Suspense 在服务端渲染时的行为与纯客户端渲染有什么不同？
React 18 中 Suspense 在服务端渲染时的行为与纯客户端渲染有什么不同？ 本文先给出可直接复述的结论，再用最小代码说明React 18 Suspense SSR 行为的工作方式、判断依据、项目边界和常见误区。
核心关键词React 18 Suspense SSR 行为 - 0038
当 React 首屏内容依赖客户端才有的信息（如本地存储、媒体查询）时，如何避免 hydration 不匹配？
当 React 首屏内容依赖客户端才有的信息（如本地存储、媒体查询）时，如何避免 hydration 不匹配？ 本文先给出可直接复述的结论，再用最小代码说明React SSR 客户端专属内容 两阶段渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR 客户端专属内容 两阶段渲染 - 0039
React Server Components 中 'use client' 指令标记的是组件还是模块边界，它的真实语义是什么？
React Server Components 中 'use client' 指令标记的是组件还是模块边界，它的真实语义是什么？ 本文先给出可直接复述的结论，再用最小代码说明React use client 指令 语义的工作方式、判断依据、项目边界和常见误区。
核心关键词React use client 指令 语义 - 0040
React 的 useActionState 如何配合 Server Action 管理表单提交的 pending 状态与返回结果？
React 的 useActionState 如何配合 Server Action 管理表单提交的 pending 状态与返回结果？ 本文先给出可直接复述的结论，再用最小代码说明React useActionState Server Action的工作方式、判断依据、项目边界和常见误区。
核心关键词React useActionState Server Action - 0041
为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数？
为什么在 React SSR 应用中生成可访问性 id 要用 useId 而不是自增计数器或随机数？ 本文先给出可直接复述的结论，再用最小代码说明React useId SSR 稳定 id的工作方式、判断依据、项目边界和常见误区。
核心关键词React useId SSR 稳定 id - 0042
React SSR 已经输出 HTML，为什么还需要 hydration？
React SSR 已经输出 HTML，为什么还需要 hydration？ 本文先给出可直接复述的结论，再用最小代码说明React hydration 为什么需要的工作方式、判断依据、项目边界和常见误区。
核心关键词React hydration 为什么需要