React Effect 创建请求时若组件已快速卸载，AbortSignal 已 aborted 的情况下应如何避免把 abort 当成业务错误弹窗？
围绕“React Effect 创建请求时若组件已快速卸载，AbortSignal 已 aborted 的情况下应如何避免”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分取消语义与真实失败并尽早返回。
核心关键词React AbortSignal already aborted Effect cleanup 错误处理
面试知识索引 · 分类、标签与搜索
React · 副作用与同步面试题，47 道完整答案
React · 副作用与同步面试题第 1 页，显示第 1–47 题，共找到 47 道完整解析，可继续按分类、标签与关键词缩小范围。
47筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的是哪一帧，为什么只取消一次可能不够？
围绕“React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明每帧重新预约导致需保存最新 id 并在 cleanup 取消。
核心关键词React requestAnimationFrame Effect cleanup 取消 循环 - 0003
为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号？
围绕“为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Effect 返回值只能是 cleanup 而非 Promise。
核心关键词React useEffect async Promise cleanup cancel - 0004
两个 React 组件状态需要保持一致时，为什么用 Effect 把一个 state 拷给另一个 state 常是反模式？
围绕“两个 React 组件状态需要保持一致时，为什么用 Effect 把一个 state 拷给另一个 state 常是反”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确应提升共享状态或改为派生。
核心关键词React 组件状态同步 Effect 拷贝 state 反模式 - 0005
为什么 React Effect 的清理函数不只在卸载时运行，依赖变化重跑前也运行这一点如何改变资源管理写法？
围绕“为什么 React Effect 的清理函数不只在卸载时运行，依赖变化重跑前也运行这一点如何改变资源管理写法”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把资源生命周期绑定到“每次依赖值组合”而非组件存活期。
核心关键词React Effect cleanup 更新前 运行 依赖变化 - 0006
为了让 React Effect 在重复建立/清理下仍正确，清理函数应具备什么样的幂等性设计？
围绕“为了让 React Effect 在重复建立/清理下仍正确，清理函数应具备什么样的幂等性设计”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确清理只能撤销本 setup 创建的资源且可安全重复。
核心关键词React Effect 清理 幂等 可重入 - 0007
React useEffect 一定在浏览器绘制后执行吗？
区分 React 渲染、提交与浏览器绘制，解释 useEffect 通常不阻塞绘制但并非保证在绘制后执行，以及浮层测量、useLayoutEffect 和服务端渲染的边界。
核心关键词React useEffect 执行时机和浏览器绘制 - 0008
React 并发特性下，为什么 Effect 代码要假设状态可能被复用或提交前重试，而不是按一次挂载一次卸载写死？
围绕“React 并发特性下，为什么 Effect 代码要假设状态可能被复用或提交前重试，而不是按一次挂载一次卸载写死”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须落到 setup/cleanup 成对与无全局残留。
核心关键词React 并发 Effect 可重试 状态复用 正确性 - 0009
React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定？
围绕“React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确条件进入 Effect 内部或拆分组件。
核心关键词React 条件 useEffect Hook 顺序 条件逻辑 - 0010
React 自定义 Hook 封装一段 Effect 同步逻辑时，调用方还需要知道哪些依赖和清理约定？
围绕“React 自定义 Hook 封装一段 Effect 同步逻辑时，调用方还需要知道哪些依赖和清理约定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Hook 不能隐藏其内部响应式依赖语义。
核心关键词React 自定义 Hook 封装 Effect 依赖 清理 - 0011
useEffect 不写依赖、空数组和具体依赖有什么区别？
按已提交更新解释省略依赖、空依赖和列出具体值时的重同步行为，补充 Object.is、Strict Mode、重新挂载与清理规则，避免把空数组误认为整个应用只执行一次。
核心关键词React useEffect 依赖数组三种写法 - 0012
如何分辨 React 中一次 Effect 重跑是“外部依赖真的变了”还是“Effect 自己 setState 造成依赖又变”？
围绕“如何分辨 React 中一次 Effect 重跑是“外部依赖真的变了”还是“Effect 自己 setState 造”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须建立依赖来源链路并检查是否派生自被更新 state。
核心关键词React Effect 重跑 依赖变化 自身 setState 诊断 - 0013
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？
React 列表筛选、合计和权限判断怎样从现有 props 与 state 直接计算？结合订单页面解释冗余状态造成的旧值提交、额外更新，以及 useMemo 和用户编辑草稿的适用边界。
核心关键词React 派生状态为什么不需要 useEffect - 0014
React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标题被过度重置？
围绕“React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明真正响应式值是 title 文本/路径片段而非不稳定容器对象。
核心关键词React document.title Effect 依赖 router 对象 - 0015
用户点击触发的逻辑为什么通常放事件处理器，而不是 useEffect？
通过提交反馈、打开详情与保存草稿区分事件因果和持续同步，解释用布尔 state 触发请求的问题、重复提交控制，以及事件更新状态后仍可能需要 Effect 的场景。
核心关键词React 用户操作放事件还是 useEffect - 0016
React Effect 中连续发起请求时，如何防止慢的旧响应覆盖新的结果？
围绕“React Effect 中连续发起请求时，如何防止慢的旧响应覆盖新的结果”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须比较 cleanup 中 abort 与 ignore 标志的适用边界。
核心关键词React Effect fetch 竞态 AbortController ignore - 0017
React 渲染后要把焦点移到新输入框或恢复滚动位置，为什么这些操作适合放 Effect 而不是渲染函数？
围绕“React 渲染后要把焦点移到新输入框或恢复滚动位置，为什么这些操作适合放 Effect 而不是渲染函数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 DOM 节点需提交后才存在且命令式操作不应参与渲染计算。
核心关键词React focus scroll Effect commit DOM 副作用 - 0018
在 React 项目里用 eslint-disable 关掉 exhaustive-deps 前，需要确认哪几种情况确实不是隐藏过期数据？
围绕“在 React 项目里用 eslint-disable 关掉 exhaustive-deps 前，需要确认哪几种情况”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出可接受例外的窄边界：值非响应式或有意冻结快照。
核心关键词React exhaustive-deps disable 风险 过期数据 - 0019
把地图或图表这类命令式第三方组件接入 React 时，Effect 应负责创建、参数同步和销毁中的哪些边界？
围绕“把地图或图表这类命令式第三方组件接入 React 时，Effect 应负责创建、参数同步和销毁中的哪些边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须划分 React 声明式 props 到实例方法调用的同步边界。
核心关键词React Effect 第三方命令式组件 创建 更新 销毁 - 0020
用 ref 保存最新回调让 React Effect 少依赖一个函数，能解决什么又可能隐藏什么依赖错误？
围绕“用 ref 保存最新回调让 React Effect 少依赖一个函数，能解决什么又可能隐藏什么依赖错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须权衡“读取最新值但不被视为响应式依赖”的边界。
核心关键词React Effect ref 保存最新回调 减少依赖 取舍 - 0021
React 中监听 matchMedia 媒体查询变化时，为什么 addEventListener 的返回结果和清理都要和查询对象绑定？
围绕“React 中监听 matchMedia 媒体查询变化时，为什么 addEventListener 的返回结果和清理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确每个 query 实例对应一次订阅/退订。
核心关键词React matchMedia Effect 清理 媒体查询 - 0022
React Effect 挂载、依赖更新和卸载时怎样建立与清理？
以文档订阅切换说明 setup 与 cleanup 的配对关系、旧闭包与新参数、依赖未变时的行为，以及 Strict Mode 检查和异步请求迟到结果的处理。
核心关键词React useEffect cleanup 执行顺序 - 0023
当 React Effect 只想在少数值变化时运行，却把整段逻辑都搬进了 Effect，应如何重构以减少不必要同步？
围绕“当 React Effect 只想在少数值变化时运行，却把整段逻辑都搬进了 Effect，应如何重构以减少不必要同步”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明把与外部同步无关的计算移出 Effect 或移入事件。
核心关键词React Effect 移动逻辑 减少依赖 重构 - 0024
useEffect 依赖对象或函数时，为什么可能每次渲染都重跑？
解释 Object.is 与组件内对象、函数引用的关系，按配置构造位置、真正的响应式字段和缓存边界整理减少无关重同步的方法，避免删依赖或滥用 JSON.stringify。
核心关键词React useEffect 对象函数依赖反复执行 - 0025
React 组件要根据 navigator.onLine 与 online/offline 事件显示网络状态，Effect 里应同步哪个真相源？
围绕“React 组件要根据 navigator.onLine 与 online/offline 事件显示网络状态，Eff”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分初始读取当前值与订阅后续变化。
核心关键词React online offline Effect 同步 浏览器状态 - 0026
React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 DOM 操作有何影响？
围绕“React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明子效果通常先于父建立、父清理在子清理前后的边界。
核心关键词React 父子组件 Effect 顺序 cleanup - 0027
当 React 自定义 Hook 返回一个可手动停止函数，同时内部 Effect 也有 cleanup，二者职责如何避免重叠？
围绕“当 React 自定义 Hook 返回一个可手动停止函数，同时内部 Effect 也有 cleanup，二者职责如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分组件卸载自动清理与用户主动停止同一资源。
核心关键词React 自定义 Hook cleanup 手动停止 职责 - 0028
React 组件通过 window.postMessage 与 iframe 通信时，Effect 的依赖应包含 origin/target 的哪些部分才不会错发消息？
围绕“React 组件通过 window.postMessage 与 iframe 通信时，Effect 的依赖应包含 o”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把通信端点视为响应式依赖并在 cleanup 移除监听器。
核心关键词React postMessage iframe Effect origin 依赖 - 0029
useEffect 为什么必须声明读到的响应式依赖，漏写会怎样？
用文档订阅与通知设置说明 Effect 依赖怎样对应闭包输入、漏依赖如何产生旧值，以及拆分同步、函数式更新和 useEffectEvent 的适用边界。
核心关键词React useEffect exhaustive-deps 漏依赖 - 0030
当 React 需要根据 props 变化重置子组件状态时，为什么优先改 key 而不是写 Effect 清状态？
切换编辑对象后为什么 React 还保留上一个对象的输入？说明 key 如何改变组件身份、重置子树状态，以及只清一个字段、保存多份草稿和随机 key 的边界。
核心关键词React key 重置组件状态 - 0031
React 用 ResizeObserver 观察一个 ref 元素时，为什么观察目标应来自 Effect 内读取的 node 而不是把 ref.current 当稳定依赖？
围绕“React 用 ResizeObserver 观察一个 ref 元素时，为什么观察目标应来自 Effect 内读取的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 ref.current 不是响应式依赖且提交后才可用。
核心关键词React ResizeObserver ref.current Effect 依赖 - 0032
React 中「Effect Event」试图解决的事件逻辑与同步逻辑混杂问题是什么？
围绕“React 中「Effect Event」试图解决的事件逻辑与同步逻辑混杂问题是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明想让 Effect 响应数据变化而事件响应交互。
核心关键词React Effect Events 分离事件 副作用 - 0033
React hydration 场景里访问 window/document 的 Effect 为什么通常安全，而在渲染期直接访问会出错？
围绕“React hydration 场景里访问 window/document 的 Effect 为什么通常安全，而在渲”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分客户端提交后环境与渲染期可能在服务端运行。
核心关键词React hydration window document Effect 渲染期 - 0034
一个 React Effect 里 setState 后组件无限重渲染，应如何定位是依赖身份不稳还是 Effect 本不该存在？
围绕“一个 React Effect 里 setState 后组件无限重渲染，应如何定位是依赖身份不稳还是 Effect ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须用“该状态是否派生/是否外部同步”二分定位。
核心关键词React Effect setState 无限循环 依赖 诊断 - 0035
React Effect 需要“只在打开面板时取一次当前筛选”的快照语义时，怎样表达才能不被依赖变化无意刷新？
围绕“React Effect 需要“只在打开面板时取一次当前筛选”的快照语义时，怎样表达才能不被依赖变化无意刷新”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分有意非响应式读取与漏依赖 bug。
核心关键词React Effect 有意快照 冻结 打开时 依赖 - 0036
React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各自改变了什么？
围绕“React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明“效果同步频率”与“更新公式来源”是两类修复。
核心关键词React useEffect interval stale state setState 函数式更新 - 0037
React 18 开发模式 StrictMode 下 Effect 为什么会额外经历一次建立—清理—建立，如何区分 bug 与预期行为？
围绕“React 18 开发模式 StrictMode 下 Effect 为什么会额外经历一次建立—清理—建立，如何区分 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明这是开发期暴露不纯清理的机制。
核心关键词React 18 StrictMode Effect 重复执行 开发模式 - 0038
React Effect 忘记清理订阅，路由切换后会出现什么问题？
通过重复进入页面的键盘监听示例，解释重复处理、旧闭包和资源残留的来源，展示同一函数引用与 capture 匹配的清理写法，并给出可验证的路由往返检查步骤。
核心关键词React useEffect 订阅清理内存泄漏 - 0039
React Effect 中立即 setState 会怎样触发一次同步重渲染，为什么可能让浏览器来不及绘制中间帧？
围绕“React Effect 中立即 setState 会怎样触发一次同步重渲染，为什么可能让浏览器来不及绘制中间帧”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明提交后 Effect 再更新可能造成双提交。
核心关键词React Effect setState 同步重渲染 绘制 中间帧 - 0040
React 18 StrictMode 开发模式下，如何让第三方实例在重复挂载检查中不泄漏也不被销毁后误用？
围绕“React 18 StrictMode 开发模式下，如何让第三方实例在重复挂载检查中不泄漏也不被销毁后误用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 setup 创建/ cleanup 销毁成对且 cleanup 后旧实例不可再用。
核心关键词React 18 StrictMode 第三方实例 销毁 泄漏 - 0041
React 18 的 useInsertionEffect 面向 CSS-in-JS 注入样式解决了什么时序问题，普通业务代码为什么不该用它？
围绕“React 18 的 useInsertionEffect 面向 CSS-in-JS 注入样式解决了什么时序问题，普”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须定位其在 DOM 变更前注入样式的库级用途。
核心关键词React 18 useInsertionEffect CSS-in-JS 样式注入 - 0042
React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 useEffect？
围绕“React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 use”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它在浏览器绘制前同步运行可避免可见跳动。
核心关键词React useLayoutEffect DOM 测量 闪烁 useEffect - 0043
React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是条件渲染？
围绕“React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明该布局效果是否影响首屏可见布局。
核心关键词React useLayoutEffect SSR 警告 useEffect fallback - 0044
React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEffect + setState？
围绕“React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEf”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明并发下获取一致快照与内建订阅管理。
核心关键词React 18 useSyncExternalStore 外部 store useEffect - 0045
React 聊天室组件切换 roomId 时，WebSocket Effect 应如何在依赖变化中避免收到上个房间消息？
围绕“React 聊天室组件切换 roomId 时，WebSocket Effect 应如何在依赖变化中避免收到上个房间消”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 roomId 是响应式依赖并 cleanup 断开旧连接。
核心关键词React WebSocket Effect roomId 依赖 清理 重连 - 0046
React 所说的“用 Effect 与外部系统同步”具体是什么意思？
从地图视角、浏览器监听与文档订阅解释外部系统的含义，区分 JSX 纯渲染、用户命令和持续同步，并说明资源初始化、更新、清理与服务端输出的边界。
核心关键词React useEffect 与外部系统同步 - 0047
在不使用实验性 API 的稳定 React 版本里，如何把“状态变化后通知”与“用户主动提交”分开实现？
围绕“在不使用实验性 API 的稳定 React 版本里，如何把“状态变化后通知”与“用户主动提交”分开实现”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给稳定模式：事件处理直接调用、Effect 只同步可观测状态。
核心关键词React 稳定版 分离事件逻辑与 Effect 不用实验 API