给 memo 子组件传内联对象或函数为什么会失去优化机会？
解释内联对象与箭头函数每轮产生新引用的原因，用筛选工具栏示例展示 useMemo 和 useCallback 的完整依赖，并讨论减少 props、移动对象创建位置和避免空依赖闭包错误。
核心关键词React.memo 内联对象 函数 props 失效
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 72 页，收录第 3551–3600 题，共 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
第 72 页
本页面试问题
按稳定语义路径排序
- 3551
- 3552
React.memo 在什么条件下能跳过子组件渲染？
用父组件计数与子组件成绩卡的示例解释 React.memo 如何逐项比较 props，区分父级更新、本地状态、Context 和重新挂载，并说明渲染次数为什么不能成为业务正确性的条件。
核心关键词React.memo 跳过重渲染 浅比较 - 3553
React.memo、PureComponent 和 shouldComponentUpdate 有什么区别？
对照函数组件与类组件解释 memo 和 PureComponent 的比较范围，使用独立展开状态演示自身更新，说明 shouldComponentUpdate 与 arePropsEqual 返回值方向，以及迁移时的 state 合并差异。
核心关键词React.memo PureComponent shouldComponentUpdate 区别 - 3554
什么情况下 React.memo 没有收益，甚至增加成本？
从频繁变化的输入、便宜的子树、深比较和宽 Context 订阅分析 React.memo 无收益的原因，给出可复现的性能对照步骤，区分渲染次数减少与用户交互真正变快。
核心关键词React.memo 过度使用 无收益 场景 - 3555
React 如何决定多个待处理更新的先后顺序，车道优先级模型解决什么问题？
围绕“React 如何决定多个待处理更新的先后顺序，车道优先级模型解决什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按更新来源分优先级、高优可抢占低优的调度思路。
核心关键词React 更新优先级 lanes 调度 - 3556
React Profiler 组件如何包裹子树，onRender 回调能拿到哪些指标？
围绕“React Profiler 组件如何包裹子树，onRender 回调能拿到哪些指标”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 id/phase/actualDuration 等回调字段含义。
核心关键词React Profiler onRender 参数 用法 - 3557
Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会？
围绕“Profiler 报告的 actualDuration 与 baseDuration 差异说明什么优化机会”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出实际耗时与无 memo 全量耗时对比反映 memo 收益。
核心关键词Profiler actualDuration baseDuration 区别 - 3558
为什么生产环境默认拿不到 React Profiler 数据， profiling 构建有什么开销？
围绕“为什么生产环境默认拿不到 React Profiler 数据， profiling 构建有什么开销”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出生产构建移除 profiling 能力及其原因与按需开启的代价。
核心关键词React Profiler 生产环境 开销 - 3559
为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里？
围绕“为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出渲染可能被中断重放导致副作用重复执行。
核心关键词React 渲染纯函数 副作用 useEffect 并发 - 3560
React 的 render 阶段和 commit 阶段分别做什么，对性能优化有什么意义？
围绕“React 的 render 阶段和 commit 阶段分别做什么，对性能优化有什么意义”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分纯计算与 DOM 提交两个阶段及其对中断和副作用放置的影响。
核心关键词React render 阶段 commit 阶段 区别 - 3561
startTransition 标记的非紧急更新在调度上有什么不同的行为？
围绕“startTransition 标记的非紧急更新在调度上有什么不同的行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出被标记的更新可被打断、让位给紧急更新。
核心关键词startTransition 非紧急更新 并发 - 3562
并发渲染下直接订阅外部 store 为什么会出现 tearing，useSyncExternalStore 如何解决？
围绕“并发渲染下直接订阅外部 store 为什么会出现 tearing，useSyncExternalStore 如何解决”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出中断期间外部值变化导致同次渲染读到不一致值的问题及 API 的一致快照保证。
核心关键词React tearing useSyncExternalStore 外部状态 - 3563
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 区别 - 3564
为什么不能把受控输入框的 value 更新包在 startTransition 里？
围绕“为什么不能把受控输入框的 value 更新包在 startTransition 里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出输入是受控同步渲染、延迟会导致打字卡顿/丢字符。
核心关键词startTransition 受控输入 不能延迟 - 3565
为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益？
围绕“为什么 transition 不能减少渲染的总工作量，什么场景用它没有收益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 只改变优先级和可中断性，并给出真正耗时在计算本身时的无效场景。
核心关键词transition 局限 不减少工作量 - 3566
transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换？
围绕“transition 与 Suspense 配合时如何避免已显示内容被 fallback 骨架屏替换”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 让已有内容停留直到新数据就绪这一行为。
核心关键词transition Suspense fallback 避免闪烁 - 3567
用 transition 优化搜索输入与用防抖优化有什么本质区别？
围绕“用 transition 优化搜索输入与用防抖优化有什么本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 transition 不延迟更新而是降低优先级、仍每次响应。
核心关键词React transition 防抖 区别 - 3568
优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择？
围绕“优化慢列表渲染时，useTransition 和 useDeferredValue 应该如何选择”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出能控制 setState 入口用 transition、只能拿到值用 deferredValue 的判断标准。
核心关键词useTransition useDeferredValue 选择 - 3569
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？
围绕“把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出函数引用变化触发 effect 反复执行的症状及 useCallback/移入 effect 两种修法。
核心关键词useEffect 依赖 函数 每次执行 useCallback - 3570
为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染？
围绕“为什么只用 useCallback 而子组件没有 memo，仍然阻止不了子组件重渲染”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出父组件重渲染本身就会重渲染子组件这一前提。
核心关键词useCallback 配合 memo 才能生效 - 3571
useCallback 解决了什么问题，它的返回值在渲染之间如何保持？
围绕“useCallback 解决了什么问题，它的返回值在渲染之间如何保持”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出按依赖缓存函数实例保持引用稳定。
核心关键词useCallback 函数引用 缓存 - 3572
useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调？
围绕“useCallback 的依赖数组写错为什么会产生读取到旧 state 的过期回调”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出缓存函数闭包捕获了旧值这一机制与修复方式。
核心关键词useCallback 过期闭包 依赖 - 3573
useDeferredValue 在组件首次渲染时是否会产生延迟效果？
围绕“useDeferredValue 在组件首次渲染时是否会产生延迟效果”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出初始渲染 deferredValue 等于原值、无延迟行为这一边界。
核心关键词useDeferredValue 首次渲染 相同值 - 3574
为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益？
围绕“为什么 useDeferredValue 通常要和 React.memo 配合才能真正看到性能收益”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出延迟重渲染需要子树在紧急渲染中可被跳过的前提。
核心关键词useDeferredValue memo 配合 收益 - 3575
useDeferredValue 返回的滞后值在渲染过程中经历哪两个阶段？
围绕“useDeferredValue 返回的滞后值在渲染过程中经历哪两个阶段”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出先以旧值渲染、后台再以新值重渲染的过程。
核心关键词useDeferredValue 滞后值 两阶段渲染 - 3576
使用 useDeferredValue 时如何判断并提示用户当前展示的是过期内容？
围绕“使用 useDeferredValue 时如何判断并提示用户当前展示的是过期内容”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出比较原值与 deferredValue 判断过期并做视觉降级。
核心关键词useDeferredValue 陈旧内容 isStale 提示 - 3577
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？
围绕“React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比『非响应式事件函数读取最新值』与『依赖数组缓存引用』两种思路，并注明实验性版本状态。
核心关键词useEffectEvent useCallback 稳定回调 区别 - 3578
useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确？
围绕“useMemo 依赖数组漏写或多写会有什么症状，如何保证依赖正确”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分漏依赖导致陈旧值与多依赖导致缓存失效两类症状。
核心关键词useMemo 依赖数组 漏写 exhaustive-deps - 3579
为什么 useMemo 只是性能优化，不能用它保证业务正确性？
解释 useMemo 在开发编辑、初次挂载挂起等情况下可能丢弃缓存，用房间连接示例说明如何把资源创建与清理放在 Effect，并区分缓存、state、ref 和重新挂载后的生命周期。
核心关键词useMemo 不是保证 缓存可能被丢弃 - 3580
什么情况下不该使用 useMemo？
围绕“什么情况下不该使用 useMemo”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出廉价计算、非稳定引用需求等不该用的判断标准。
核心关键词useMemo 不必要的优化 廉价计算 - 3581
useMemo 的缓存和依赖数组是如何工作的？
用按标签筛选条目的示例解释 useMemo 何时计算、如何按 Object.is 比较依赖，说明同引用突变、新数组重算、A 到 B 再到 A，以及纯计算与开发严格模式的边界。
核心关键词useMemo 缓存 依赖数组 用法 - 3582
只在挂载时算一次的昂贵初始值，应该用 useMemo 还是 useState 惰性初始化？
围绕“只在挂载时算一次的昂贵初始值，应该用 useMemo 还是 useState 惰性初始化”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 useMemo 依赖变化会重算而惰性初始化只算一次这一关键差异。
核心关键词useMemo useState 惰性初始化 区别 - 3583
与 props 和 state 无关的常量，放 useMemo 里和提升出组件外有何区别？
围绕“与 props 和 state 无关的常量，放 useMemo 里和提升出组件外有何区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出与组件输入无关的值应提升到模块作用域而非占 Hook。
核心关键词useMemo 模块作用域 常量提升 - 3584
useMemo 和 useCallback 有什么区别，应该如何选择？
通过报价与确认按钮解释 useMemo 缓存计算结果、useCallback 缓存函数引用的区别，展示完整依赖和旧闭包边界，并说明函数创建、函数调用、请求去重与异步缓存并不是同一件事。
核心关键词useMemo useCallback 区别 - 3585
useTransition 返回的 isPending 适合设计什么样的加载反馈？
围绕“useTransition 返回的 isPending 适合设计什么样的加载反馈”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出用 pending 状态做内联弱反馈而非替换内容的 UX 决策。
核心关键词useTransition isPending 加载反馈 - 3586
action 中执行长时间异步任务（如文件上传）时，如何避免阻塞主线程？
围绕“action 中执行长时间异步任务（如文件上传）时，如何避免阻塞主线程”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 background task + polling or redirect to status page，不能让 acti。
核心关键词action 长时间异步 文件上传 主线程阻塞 - 3587
action 中发生客户端无法处理的错误（如网络中断）时，如何正确提示用户？
围绕“action 中发生客户端无法处理的错误（如网络中断）时，如何正确提示用户”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 throw new Error() 并在 error boundary 渲染，不能仅在 console 打印。
核心关键词action 客户端错误 网络中断 提示方案 - 3588
action 如何接收动态生成的表单字段（如 JSON 字符串或数组）？
围绕“action 如何接收动态生成的表单字段（如 JSON 字符串或数组）”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 FormData 或 JSON.parse 处理，不能仅提 input name 固定。
核心关键词action 接收动态表单字段 数组字符串 - 3589
使用 action 处理表单提交时，如何确保用户在提交后仍能保留当前导航状态？
围绕“使用 action 处理表单提交时，如何确保用户在提交后仍能保留当前导航状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 通过返回 redirect / json / undefined 决定后续行为，不能只提 useNavigate。
核心关键词action 表单提交 保持导航状态 - 3590
action 如何处理 multipart/form-data 表单（如文件上传）？是否支持原生 file input？
围绕“action 如何处理 multipart/form-data 表单（如文件上传）？是否支持原生 file inpu”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明支持通过 formData API 接收，无需额外库，不能误认为需特殊配置。
核心关键词action multipart form-data 文件上传 原生 input - 3591
action 适合处理哪些类型的数据变更操作？与 loader 区别在哪？
围绕“action 适合处理哪些类型的数据变更操作？与 loader 区别在哪”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 用于写操作（如创建/更新），loader 用于读操作，不能混淆副作用。
核心关键词action mutation 与 loader query 区别 - 3592
action 中如何检查用户权限？是否可以在 action 内部拒绝请求并返回错误？
围绕“action 中如何检查用户权限？是否可以在 action 内部拒绝请求并返回错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明可在 action 内判断权限并抛出错误，不能仅靠前端路由守卫。
核心关键词action 权限检查 拒绝请求 返回错误 - 3593
action 中如何阻止表单默认提交行为？是否需要显式取消？
围绕“action 中如何阻止表单默认提交行为？是否需要显式取消”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 action 默认阻止，无需额外操作，不能误解为需 preventDefault。
核心关键词action 阻止表单默认提交 - 3594
action 重定向的目标路径是否支持动态生成？如何基于表单数据构建目标地址？
围绕“action 重定向的目标路径是否支持动态生成？如何基于表单数据构建目标地址”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过返回 redirect(new URL(...)) 动态构造，不能硬编码路径。
核心关键词action 动态重定向 目标路径构建 - 3595
action 返回不同的响应类型（如 redirect、json、null）时，对导航行为有何不同影响？
围绕“action 返回不同的响应类型（如 redirect、json、null）时，对导航行为有何不同影响”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分 redirect 触发跳转，json 用于客户端解析，null 保持当前页，不能混为一谈。
核心关键词action 响应类型 redirect json null 导航行为 - 3596
action 中执行服务器端表单验证失败后，如何向客户端返回具体错误信息并保持表单状态？
围绕“action 中执行服务器端表单验证失败后，如何向客户端返回具体错误信息并保持表单状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过返回 { error: '...' } 并保留原始表单数据，不能只提 useActionData。
核心关键词action 表单验证 服务器端错误 返回错误信息 - 3597
action 执行过程中，如何持久化用户会话状态以便后续页面使用？
围绕“action 执行过程中，如何持久化用户会话状态以便后续页面使用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 setCookie、localStorage、sessionStorage 保存，不能依赖内存变量。
核心关键词action 会话状态 持久化 下一页使用 - 3598
嵌套路由中，父路由的 loader 与子路由的 loader 之间如何传递数据？是否共享状态？
围绕“嵌套路由中，父路由的 loader 与子路由的 loader 之间如何传递数据？是否共享状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 nested route loader 之间的数据依赖关系与独立性，不能混淆为组件状态或 context 传递。
核心关键词嵌套路由 父子 loader 数据传递 共享机制 - 3599
如何在 React Router v7 中自定义 error boundary 的样式与交互行为？
围绕“如何在 React Router v7 中自定义 error boundary 的样式与交互行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明通过 render custom component in error boundary，不能仅改 CSS。
核心关键词error boundary 自定义 样式 交互行为 - 3600
React Router 里的 error boundary 在组件卸载后还能正常工作吗？其生命周期如何？
围绕“React Router 里的 error boundary 在组件卸载后还能正常工作吗？其生命周期如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 error boundary 在整个路由树内有效，即使组件已卸载，不能认为失效。
核心关键词error boundary 卸载后工作 生命周期