React 用 ref 保存前一个值时，“上一次渲染”和“上一次提交”有什么区别？
通过状态变化记录器解释 ref 保存的历史究竟属于哪个阶段，避免在 render 中读写可变历史，说明首次值、相同值、批处理和可见历史状态的设计。
核心关键词React useRef 保存前一个已提交值
面试知识索引 · 分类、标签与搜索
React面试题，281 道完整答案
React面试题第 4 页，显示第 151–200 题，共找到 281 道完整解析，可继续按分类、标签与关键词缩小范围。
281筛选结果
52技术分类
178检索标签
6索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 4 页
本页面试问题
按稳定语义路径排序
- 0151
- 0152
React 中 useRef 和 useState 都能跨渲染保存数据，二者的本质区别和适用场景是什么？
useRef 和 useState 都能跨渲染保留数据，为什么只有 state 更新会触发界面变化？用计时器句柄、搜索输入和异步闭包说明选择依据、快照语义及渲染阶段限制。
核心关键词React useRef 和 useState 区别 - 0153
为什么 React 的 Hooks 必须在每次渲染中以完全相同的顺序调用，不能放进条件或循环里？
React 如何关联多次渲染中的 useState、useRef 与 Effect？解释条件调用、循环和提前返回造成的顺序变化，展示把条件放进 Effect 的写法，并说明 React use API 的例外。
核心关键词React Hooks 为什么不能条件调用 - 0154
React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的？
围绕“React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确挂载-卸载-重新挂载是刻意暴露缺失清理的检测手段、effect 必须写成可重入的对称结构。
核心关键词React 18 Strict Mode useEffect 执行两次 - 0155
React 的 useImperativeHandle 适合在什么情况下用来约束父组件对子组件的访问？
围绕“React 的 useImperativeHandle 适合在什么情况下用来约束父组件对子组件的访问”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确只暴露少量命令式方法（如 focus、scrollTo）而非整颗 DOM 节点的封装动机。
核心关键词React useImperativeHandle 暴露 命令式 API - 0156
React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界？
围绕“React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确绘制前同步执行可读写布局避免视觉闪烁、以及阻塞渲染与 SSR 警告的代价。
核心关键词React useLayoutEffect useEffect 时机 闪烁 - 0157
React 的 useMemo 能解决哪两类问题，为什么不能把它当作结果一定会被缓存的语义保证？
围绕“React 的 useMemo 能解决哪两类问题，为什么不能把它当作结果一定会被缓存的语义保证”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确跳过昂贵计算与保持引用稳定配合 memo 两类用途、以及 React 可能丢弃缓存需按性能优化而非正确性依赖使用。
核心关键词React useMemo 用途 缓存 语义保证 - 0158
useReducer 配合 Context 能否替代 Redux 做全局状态管理，适用边界在哪里？
围绕“useReducer 配合 Context 能否替代 Redux 做全局状态管理，适用边界在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须从订阅粒度导致的全树渲染、中间件与调试工具链缺失说明适用边界。
核心关键词React useReducer Context Redux 替代 边界 - 0159
useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略？
围绕“useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 dispatch 身份稳定可安全省略，以及 dispatch 后 state 未变时 React 跳过渲染的行为。
核心关键词React useReducer dispatch 稳定 依赖数组 - 0160
useReducer 的第三个参数 init 函数有什么作用？
围绕“useReducer 的第三个参数 init 函数有什么作用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确惰性计算初始状态与利用 init 从外部 props 重建状态两种用途。
核心关键词React useReducer init 惰性初始化 第三个参数 - 0161
什么时候应该把 React 组件里的 useState 重构为 useReducer？
围绕“什么时候应该把 React 组件里的 useState 重构为 useReducer”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出可操作的判断标准，如状态转移逻辑集中、多个字段联动更新、下一状态依赖旧状态的复杂计算。
核心关键词React useReducer useState 何时重构 - 0162
什么情况下必须使用 React setState 的函数式更新形式而不是直接传新值？
围绕“什么情况下必须使用 React setState 的函数式更新形式而不是直接传新值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断基于过期快照连续更新导致丢更新的问题及 updater 拿到最新 pending state 的语义。
核心关键词React setState 函数式更新 updater - 0163
给 React 的 useState 传一个函数和直接传初始值有什么区别？
围绕“给 React 的 useState 传一个函数和直接传初始值有什么区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确惰性初始化只在首次渲染执行、以及误写成调用函数结果的常见坑。
核心关键词React useState 惰性初始化 函数参数 - 0164
为什么 useSyncExternalStore 的 getSnapshot 必须返回缓存的值，而不能每次新建一个对象？
围绕“为什么 useSyncExternalStore 的 getSnapshot 必须返回缓存的值，而不能每次新建一个对”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断每次返回新引用会被判定为 store 已变化从而触发无限重渲染。
核心关键词React useSyncExternalStore getSnapshot 缓存 无限循环 - 0165
React 的 useSyncExternalStore 是为解决什么问题而设计的？
围绕“React 的 useSyncExternalStore 是为解决什么问题而设计的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确并发渲染下读取外部 store 可能出现界面不一致（tearing）及该 API 提供的同步保证。
核心关键词React useSyncExternalStore tearing 并发 - 0166
React 并发渲染中『渲染可中断』具体指什么，中断后工作会被浪费吗？
围绕“React 并发渲染中『渲染可中断』具体指什么，中断后工作会被浪费吗”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出渲染可在浏览器空闲分片执行、可丢弃重来。
核心关键词React 并发渲染 可中断 时间切片 - 0167
用 React DevTools Profiler 的火焰图和排序图如何定位最耗时的组件？
围绕“用 React DevTools Profiler 的火焰图和排序图如何定位最耗时的组件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按提交录制、按渲染耗时排序定位的流程。
核心关键词React DevTools Profiler 火焰图 定位慢组件 - 0168
如何诊断一个组件发生了本不该发生的重渲染，根因通常有哪些？
围绕“如何诊断一个组件发生了本不该发生的重渲染，根因通常有哪些”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 props 引用变化、父级重渲染、context 变化三类根因的排查思路。
核心关键词React 排查 多余重渲染 原因 - 0169
React.memo 的 arePropsEqual 如何编写，为什么不能忽略函数 prop？
通过候选人列表说明 React.memo 自定义比较器需要覆盖全部输出与事件行为，解释函数 prop 导致旧闭包的风险、不可变数据前提，以及有界逐项比较和深比较的成本取舍。
核心关键词React.memo arePropsEqual 自定义比较 - 0170
给 memo 子组件传内联对象或函数为什么会失去优化机会？
解释内联对象与箭头函数每轮产生新引用的原因，用筛选工具栏示例展示 useMemo 和 useCallback 的完整依赖，并讨论减少 props、移动对象创建位置和避免空依赖闭包错误。
核心关键词React.memo 内联对象 函数 props 失效 - 0171
React.memo 在什么条件下能跳过子组件渲染？
用父组件计数与子组件成绩卡的示例解释 React.memo 如何逐项比较 props，区分父级更新、本地状态、Context 和重新挂载，并说明渲染次数为什么不能成为业务正确性的条件。
核心关键词React.memo 跳过重渲染 浅比较 - 0172
React.memo、PureComponent 和 shouldComponentUpdate 有什么区别？
对照函数组件与类组件解释 memo 和 PureComponent 的比较范围，使用独立展开状态演示自身更新，说明 shouldComponentUpdate 与 arePropsEqual 返回值方向，以及迁移时的 state 合并差异。
核心关键词React.memo PureComponent shouldComponentUpdate 区别 - 0173
什么情况下 React.memo 没有收益，甚至增加成本？
从频繁变化的输入、便宜的子树、深比较和宽 Context 订阅分析 React.memo 无收益的原因，给出可复现的性能对照步骤，区分渲染次数减少与用户交互真正变快。
核心关键词React.memo 过度使用 无收益 场景 - 0174
React 如何决定多个待处理更新的先后顺序，车道优先级模型解决什么问题？
围绕“React 如何决定多个待处理更新的先后顺序，车道优先级模型解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按更新来源分优先级、高优可抢占低优的调度思路。
核心关键词React 更新优先级 lanes 调度 - 0175
React Profiler 组件如何包裹子树，onRender 回调能拿到哪些指标？
围绕“React Profiler 组件如何包裹子树，onRender 回调能拿到哪些指标”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 id/phase/actualDuration 等回调字段含义。
核心关键词React Profiler onRender 参数 用法 - 0176
Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会？
围绕“Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出实际耗时与无 memo 全量耗时对比反映 memo 收益。
核心关键词Profiler actualDuration baseDuration 区别 - 0177
为什么生产环境默认拿不到 React Profiler 数据， profiling 构建有什么开销？
围绕“为什么生产环境默认拿不到 React Profiler 数据， profiling 构建有什么开销”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出生产构建移除 profiling 能力及其原因与按需开启的代价。
核心关键词React Profiler 生产环境 开销 - 0178
为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里？
围绕“为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出渲染可能被中断重放导致副作用重复执行。
核心关键词React 渲染纯函数 副作用 useEffect 并发 - 0179
React 的 render 阶段和 commit 阶段分别做什么，对性能优化有什么意义？
围绕“React 的 render 阶段和 commit 阶段分别做什么，对性能优化有什么意义”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分纯计算与 DOM 提交两个阶段及其对中断和副作用放置的影响。
核心关键词React render 阶段 commit 阶段 区别 - 0180
startTransition 标记的非紧急更新在调度上有什么不同的行为？
围绕“startTransition 标记的非紧急更新在调度上有什么不同的行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出被标记的更新可被打断、让位给紧急更新。
核心关键词startTransition 非紧急更新 并发 - 0181
并发渲染下直接订阅外部 store 为什么会出现 tearing，useSyncExternalStore 如何解决？
围绕“并发渲染下直接订阅外部 store 为什么会出现 tearing，useSyncExternalStore 如何解决”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出中断期间外部值变化导致同次渲染读到不一致值的问题及 API 的一致快照保证。
核心关键词React tearing useSyncExternalStore 外部状态 - 0182
React 19 中 startTransition 接受 async 函数（Action）后与 React 18 的用法有什么不同？
围绕“React 19 中 startTransition 接受 async 函数（Action）后与 React 18 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比 React 19 异步 Action 自动管理 pending/错误与 React 18 只接受同步作用域的差异。
核心关键词React 19 startTransition async Action 区别 - 0183
为什么不能把受控输入框的 value 更新包在 startTransition 里？
围绕“为什么不能把受控输入框的 value 更新包在 startTransition 里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出输入是受控同步渲染、延迟会导致打字卡顿/丢字符。
核心关键词startTransition 受控输入 不能延迟 - 0184
为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益？
围绕“为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 只改变优先级和可中断性，并给出真正耗时在计算本身时的无效场景。
核心关键词transition 局限 不减少工作量 - 0185
transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换？
围绕“transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 让已有内容停留直到新数据就绪这一行为。
核心关键词transition Suspense fallback 避免闪烁 - 0186
用 transition 优化搜索输入与用防抖优化有什么本质区别？
围绕“用 transition 优化搜索输入与用防抖优化有什么本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 不延迟更新而是降低优先级、仍每次响应。
核心关键词React transition 防抖 区别 - 0187
优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择？
围绕“优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出能控制 setState 入口用 transition、只能拿到值用 deferredValue 的判断标准。
核心关键词useTransition useDeferredValue 选择 - 0188
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？
围绕“把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出函数引用变化触发 effect 反复执行的症状及 useCallback/移入 effect 两种修法。
核心关键词useEffect 依赖 函数 每次执行 useCallback - 0189
为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染？
围绕“为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出父组件重渲染本身就会重渲染子组件这一前提。
核心关键词useCallback 配合 memo 才能生效 - 0190
useCallback 解决了什么问题，它的返回值在渲染之间如何保持？
围绕“useCallback 解决了什么问题，它的返回值在渲染之间如何保持”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按依赖缓存函数实例保持引用稳定。
核心关键词useCallback 函数引用 缓存 - 0191
useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调？
围绕“useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出缓存函数闭包捕获了旧值这一机制与修复方式。
核心关键词useCallback 过期闭包 依赖 - 0192
useDeferredValue 在组件首次渲染时是否会产生延迟效果？
围绕“useDeferredValue 在组件首次渲染时是否会产生延迟效果”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出初始渲染 deferredValue 等于原值、无延迟行为这一边界。
核心关键词useDeferredValue 首次渲染 相同值 - 0193
为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益？
围绕“为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出延迟重渲染需要子树在紧急渲染中可被跳过的前提。
核心关键词useDeferredValue memo 配合 收益 - 0194
useDeferredValue 返回的滞后值在渲染过程中经历哪两个阶段？
围绕“useDeferredValue 返回的滞后值在渲染过程中经历哪两个阶段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出先以旧值渲染、后台再以新值重渲染的过程。
核心关键词useDeferredValue 滞后值 两阶段渲染 - 0195
使用 useDeferredValue 时如何判断并提示用户当前展示的是过期内容？
围绕“使用 useDeferredValue 时如何判断并提示用户当前展示的是过期内容”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出比较原值与 deferredValue 判断过期并做视觉降级。
核心关键词useDeferredValue 陈旧内容 isStale 提示 - 0196
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？
围绕“React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比『非响应式事件函数读取最新值』与『依赖数组缓存引用』两种思路，并注明实验性版本状态。
核心关键词useEffectEvent useCallback 稳定回调 区别 - 0197
useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确？
围绕“useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分漏依赖导致陈旧值与多依赖导致缓存失效两类症状。
核心关键词useMemo 依赖数组 漏写 exhaustive-deps - 0198
为什么 useMemo 只是性能优化，不能用它保证业务正确性？
解释 useMemo 在开发编辑、初次挂载挂起等情况下可能丢弃缓存，用房间连接示例说明如何把资源创建与清理放在 Effect，并区分缓存、state、ref 和重新挂载后的生命周期。
核心关键词useMemo 不是保证 缓存可能被丢弃 - 0199
什么情况下不该使用 useMemo？
围绕“什么情况下不该使用 useMemo”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出廉价计算、非稳定引用需求等不该用的判断标准。
核心关键词useMemo 不必要的优化 廉价计算 - 0200
useMemo 的缓存和依赖数组是如何工作的？
用按标签筛选条目的示例解释 useMemo 何时计算、如何按 Object.is 比较依赖，说明同引用突变、新数组重算、A 到 B 再到 A，以及纯计算与开发严格模式的边界。
核心关键词useMemo 缓存 依赖数组 用法