React memo 能阻止 Context 更新传给深层消费者吗？
解释 Provider 与消费者之间的 memo 边界为何不能拦截 Context 更新，区分 props、Context 和本地状态三种渲染来源，并说明外层读取、内层接收必要 props 的优化方式。
核心关键词React memo 能阻止 Context 更新吗
面试知识索引 · 分类、标签与搜索
React · React 性能面试题，29 道完整答案
React · React 性能面试题第 1 页，显示第 1–29 题，共找到 29 道完整解析，可继续按分类、标签与关键词缩小范围。
29筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
React Context 不支持选择器,组件只想订阅其中一部分数据时有哪些官方认可的规避方案及各自代价?
围绕“React Context 不支持选择器,组件只想订阅其中一部分数据时有哪些官方认可的规避方案及各自代价”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比拆分 context、memo 子组件、useSyncExternalStore 三条路线的适用前提,不展开 tearing 的。
核心关键词React Context 选择器 替代方案 - 0003
一个大的 React Context 应该什么时候拆成多个？
结合编辑器设置、光标状态与命令入口，说明 Context 拆分应看消费者重叠、更新频率和业务生命周期，避免只按字段数、Provider 层数或强制 useMemo 作决定。
核心关键词React Context 拆分优化 - 0004
Context Provider 的 value 为什么常用 useMemo？
解释内联对象怎样造成 Context value 身份变化，用完整 JSX 示例区分无关计数更新与真实主题更新，并说明 useMemo 依赖、函数缓存和 React Compiler 的适用边界。
核心关键词React Context Provider value useMemo - 0005
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？
React 列表筛选、合计和权限判断怎样从现有 props 与 state 直接计算？结合订单页面解释冗余状态造成的旧值提交、额外更新，以及 useMemo 和用户编辑草稿的适用边界。
核心关键词React 派生状态为什么不需要 useEffect - 0006
自定义 Hook 返回的回调函数在每次渲染都变新引用，导致调用方 effect 反复执行，该如何处理？
围绕“自定义 Hook 返回的回调函数在每次渲染都变新引用，导致调用方 effect 反复执行，该如何处理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确在 Hook 内部用 useCallback 或重构成更稳定的契约来收敛函数身份。
核心关键词React 自定义 Hook useCallback 返回函数 稳定引用 - 0007
React 的 useMemo 能解决哪两类问题，为什么不能把它当作结果一定会被缓存的语义保证？
围绕“React 的 useMemo 能解决哪两类问题，为什么不能把它当作结果一定会被缓存的语义保证”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确跳过昂贵计算与保持引用稳定配合 memo 两类用途、以及 React 可能丢弃缓存需按性能优化而非正确性依赖使用。
核心关键词React useMemo 用途 缓存 语义保证 - 0008
React.memo 的 arePropsEqual 如何编写，为什么不能忽略函数 prop？
通过候选人列表说明 React.memo 自定义比较器需要覆盖全部输出与事件行为，解释函数 prop 导致旧闭包的风险、不可变数据前提，以及有界逐项比较和深比较的成本取舍。
核心关键词React.memo arePropsEqual 自定义比较 - 0009
给 memo 子组件传内联对象或函数为什么会失去优化机会？
解释内联对象与箭头函数每轮产生新引用的原因，用筛选工具栏示例展示 useMemo 和 useCallback 的完整依赖，并讨论减少 props、移动对象创建位置和避免空依赖闭包错误。
核心关键词React.memo 内联对象 函数 props 失效 - 0010
React.memo 在什么条件下能跳过子组件渲染？
用父组件计数与子组件成绩卡的示例解释 React.memo 如何逐项比较 props，区分父级更新、本地状态、Context 和重新挂载，并说明渲染次数为什么不能成为业务正确性的条件。
核心关键词React.memo 跳过重渲染 浅比较 - 0011
React.memo、PureComponent 和 shouldComponentUpdate 有什么区别？
对照函数组件与类组件解释 memo 和 PureComponent 的比较范围，使用独立展开状态演示自身更新，说明 shouldComponentUpdate 与 arePropsEqual 返回值方向，以及迁移时的 state 合并差异。
核心关键词React.memo PureComponent shouldComponentUpdate 区别 - 0012
什么情况下 React.memo 没有收益，甚至增加成本？
从频繁变化的输入、便宜的子树、深比较和宽 Context 订阅分析 React.memo 无收益的原因，给出可复现的性能对照步骤，区分渲染次数减少与用户交互真正变快。
核心关键词React.memo 过度使用 无收益 场景 - 0013
Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会？
围绕“Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出实际耗时与无 memo 全量耗时对比反映 memo 收益。
核心关键词Profiler actualDuration baseDuration 区别 - 0014
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？
围绕“把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出函数引用变化触发 effect 反复执行的症状及 useCallback/移入 effect 两种修法。
核心关键词useEffect 依赖 函数 每次执行 useCallback - 0015
为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染？
围绕“为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出父组件重渲染本身就会重渲染子组件这一前提。
核心关键词useCallback 配合 memo 才能生效 - 0016
useCallback 解决了什么问题，它的返回值在渲染之间如何保持？
围绕“useCallback 解决了什么问题，它的返回值在渲染之间如何保持”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按依赖缓存函数实例保持引用稳定。
核心关键词useCallback 函数引用 缓存 - 0017
useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调？
围绕“useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出缓存函数闭包捕获了旧值这一机制与修复方式。
核心关键词useCallback 过期闭包 依赖 - 0018
为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益？
围绕“为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出延迟重渲染需要子树在紧急渲染中可被跳过的前提。
核心关键词useDeferredValue memo 配合 收益 - 0019
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？
围绕“React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比『非响应式事件函数读取最新值』与『依赖数组缓存引用』两种思路，并注明实验性版本状态。
核心关键词useEffectEvent useCallback 稳定回调 区别 - 0020
useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确？
围绕“useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分漏依赖导致陈旧值与多依赖导致缓存失效两类症状。
核心关键词useMemo 依赖数组 漏写 exhaustive-deps - 0021
为什么 useMemo 只是性能优化，不能用它保证业务正确性？
解释 useMemo 在开发编辑、初次挂载挂起等情况下可能丢弃缓存，用房间连接示例说明如何把资源创建与清理放在 Effect，并区分缓存、state、ref 和重新挂载后的生命周期。
核心关键词useMemo 不是保证 缓存可能被丢弃 - 0022
什么情况下不该使用 useMemo？
围绕“什么情况下不该使用 useMemo”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出廉价计算、非稳定引用需求等不该用的判断标准。
核心关键词useMemo 不必要的优化 廉价计算 - 0023
useMemo 的缓存和依赖数组是如何工作的？
用按标签筛选条目的示例解释 useMemo 何时计算、如何按 Object.is 比较依赖，说明同引用突变、新数组重算、A 到 B 再到 A，以及纯计算与开发严格模式的边界。
核心关键词useMemo 缓存 依赖数组 用法 - 0024
只在挂载时算一次的昂贵初始值，应该用 useMemo 还是 useState 惰性初始化？
围绕“只在挂载时算一次的昂贵初始值，应该用 useMemo 还是 useState 惰性初始化”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 useMemo 依赖变化会重算而惰性初始化只算一次这一关键差异。
核心关键词useMemo useState 惰性初始化 区别 - 0025
与 props 和 state 无关的常量，放 useMemo 里和提升出组件外有何区别？
围绕“与 props 和 state 无关的常量，放 useMemo 里和提升出组件外有何区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出与组件输入无关的值应提升到模块作用域而非占 Hook。
核心关键词useMemo 模块作用域 常量提升 - 0026
useMemo 和 useCallback 有什么区别，应该如何选择？
通过报价与确认按钮解释 useMemo 缓存计算结果、useCallback 缓存函数引用的区别，展示完整依赖和旧闭包边界，并说明函数创建、函数调用、请求去重与异步缓存并不是同一件事。
核心关键词useMemo useCallback 区别 - 0027
在 React 中如何不可变地更新数组里某一个对象元素的字段？
围绕“在 React 中如何不可变地更新数组里某一个对象元素的字段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出用 map 遍历、仅对目标元素返回新对象、其余元素保持原引用的写法，以及保持未变元素引用对 memo 的意义。
核心关键词React 数组内对象 更新字段 map 不可变 - 0028
为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递有什么意义？
围绕“为什么说 React 的 setState 与 dispatch 函数引用是稳定的，这对依赖数组和 props 传递”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 React 保证这两个函数跨渲染引用不变，可以安全地从 effect 依赖和 memo 比较中省略或稳定传递。
核心关键词React setState dispatch 引用稳定 依赖数组 - 0029
为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的？
围绕“为什么 React 的不可变更新习惯与 React.memo、useMemo 的浅比较是配套的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明浅比较依赖「引用变则数据变」的约定，结构共享让未变部分保持引用从而跳过渲染，原地修改会破坏这一约定。
核心关键词React 结构共享 引用比较 memo 不可变更新