React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景?
围绕“React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出缺少缓存去重、瀑布、竞态与生命周期耦合这些固有缺陷,不展开竞态修复代码。
核心关键词React useEffect 获取数据 缺陷 官方建议
面试知识索引 · 分类、标签与搜索
Effect专题面试题，32 道完整答案
Effect专题面试题第 1 页，显示第 1–32 题，共找到 32 道完整解析，可继续按分类、标签与关键词缩小范围。
32筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
网络协议111测试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异步与 Promise34RAG 检索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
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号？
围绕“为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Effect 返回值只能是 cleanup 而非 Promise。
核心关键词React useEffect async Promise cleanup cancel - 0003
React useEffect 一定在浏览器绘制后执行吗？
区分 React 渲染、提交与浏览器绘制，解释 useEffect 通常不阻塞绘制但并非保证在绘制后执行，以及浮层测量、useLayoutEffect 和服务端渲染的边界。
核心关键词React useEffect 执行时机和浏览器绘制 - 0004
React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定？
围绕“React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确条件进入 Effect 内部或拆分组件。
核心关键词React 条件 useEffect Hook 顺序 条件逻辑 - 0005
useEffect 不写依赖、空数组和具体依赖有什么区别？
按已提交更新解释省略依赖、空依赖和列出具体值时的重同步行为，补充 Object.is、Strict Mode、重新挂载与清理规则，避免把空数组误认为整个应用只执行一次。
核心关键词React useEffect 依赖数组三种写法 - 0006
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？
React 列表筛选、合计和权限判断怎样从现有 props 与 state 直接计算？结合订单页面解释冗余状态造成的旧值提交、额外更新，以及 useMemo 和用户编辑草稿的适用边界。
核心关键词React 派生状态为什么不需要 useEffect - 0007
用户点击触发的逻辑为什么通常放事件处理器，而不是 useEffect？
通过提交反馈、打开详情与保存草稿区分事件因果和持续同步，解释用布尔 state 触发请求的问题、重复提交控制，以及事件更新状态后仍可能需要 Effect 的场景。
核心关键词React 用户操作放事件还是 useEffect - 0008
React Effect 挂载、依赖更新和卸载时怎样建立与清理？
以文档订阅切换说明 setup 与 cleanup 的配对关系、旧闭包与新参数、依赖未变时的行为，以及 Strict Mode 检查和异步请求迟到结果的处理。
核心关键词React useEffect cleanup 执行顺序 - 0009
useEffect 依赖对象或函数时，为什么可能每次渲染都重跑？
解释 Object.is 与组件内对象、函数引用的关系，按配置构造位置、真正的响应式字段和缓存边界整理减少无关重同步的方法，避免删依赖或滥用 JSON.stringify。
核心关键词React useEffect 对象函数依赖反复执行 - 0010
React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 DOM 操作有何影响？
围绕“React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明子效果通常先于父建立、父清理在子清理前后的边界。
核心关键词React 父子组件 Effect 顺序 cleanup - 0011
useEffect 为什么必须声明读到的响应式依赖，漏写会怎样？
用文档订阅与通知设置说明 Effect 依赖怎样对应闭包输入、漏依赖如何产生旧值，以及拆分同步、函数式更新和 useEffectEvent 的适用边界。
核心关键词React useEffect exhaustive-deps 漏依赖 - 0012
React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各自改变了什么？
围绕“React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明“效果同步频率”与“更新公式来源”是两类修复。
核心关键词React useEffect interval stale state setState 函数式更新 - 0013
React Effect 忘记清理订阅，路由切换后会出现什么问题？
通过重复进入页面的键盘监听示例，解释重复处理、旧闭包和资源残留的来源，展示同一函数引用与 capture 匹配的清理写法，并给出可验证的路由往返检查步骤。
核心关键词React useEffect 订阅清理内存泄漏 - 0014
React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 useEffect？
围绕“React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 use”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它在浏览器绘制前同步运行可避免可见跳动。
核心关键词React useLayoutEffect DOM 测量 闪烁 useEffect - 0015
React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是条件渲染？
围绕“React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明该布局效果是否影响首屏可见布局。
核心关键词React useLayoutEffect SSR 警告 useEffect fallback - 0016
React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEffect + setState？
围绕“React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEf”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明并发下获取一致快照与内建订阅管理。
核心关键词React 18 useSyncExternalStore 外部 store useEffect - 0017
React 所说的“用 Effect 与外部系统同步”具体是什么意思？
从地图视角、浏览器监听与文档订阅解释外部系统的含义，区分 JSX 纯渲染、用户命令和持续同步，并说明资源初始化、更新、清理与服务端输出的边界。
核心关键词React useEffect 与外部系统同步 - 0018
把 useEffect 逻辑抽进自定义 Hook 后，Hook 参数变化时如何保证 effect 正确重新执行？
围绕“把 useEffect 逻辑抽进自定义 Hook 后，Hook 参数变化时如何保证 effect 正确重新执行”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 Hook 内部 effect 依赖数组必须覆盖所有外部传入值、exhaustive-deps 会跨 Hook 边界检查调用方传。
核心关键词React 自定义 Hook 依赖穿透 effect 参数 - 0019
只想响应某个交互而不因读取最新 state 让整个 useEffect 反复重跑，React 提供了什么思路？
围绕“只想响应某个交互而不因读取最新 state 让整个 useEffect 反复重跑，React 提供了什么思路”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确把非响应式的“事件型”逻辑从响应式 effect 中分离的思路及 useEffectEvent 尚属实验 API 的现状。
核心关键词React Effect Event useEffectEvent 实验性 - 0020
在 React useEffect 里启动的定时器总是读到旧的 state，这是为什么，有哪些修复方式？
围绕“在 React useEffect 里启动的定时器总是读到旧的 state，这是为什么，有哪些修复方式”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须诊断 effect 回调捕获了当次渲染的值快照，并给出补依赖重建、函数式更新、ref 中转三类修复，不讲闭包概念本身。
核心关键词React useEffect 定时器 读到旧 state 修复 - 0021
在 React 的 useEffect 中订阅聊天服务或 WebSocket 时，为什么清理函数必不可少？
围绕“在 React 的 useEffect 中订阅聊天服务或 WebSocket 时，为什么清理函数必不可少”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确依赖变化时 React 先用旧值执行清理再重新执行 effect、缺失清理会造成连接泄漏与重复消息。
核心关键词React useEffect 订阅 清理函数 重复连接 - 0022
eslint-plugin-react-hooks 能发现哪些错误，规则应该怎么配置？
说明 rules-of-hooks 与 exhaustive-deps 分别检查什么，给出 ESLint 9 的基础 flat config，区分插件推荐预设中的额外诊断，并介绍条件 Hook、遗漏依赖和自定义 Effect Hook 的修复思路。
核心关键词eslint-plugin-react-hooks exhaustive-deps 规则 - 0023
一段响应式逻辑应该写在 React 事件处理函数里还是 useEffect 里，判断标准是什么？
围绕“一段响应式逻辑应该写在 React 事件处理函数里还是 useEffect 里，判断标准是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须用“是否由用户某次具体交互触发、还是需要在渲染后与外部系统保持同步”做判断。
核心关键词React 事件处理 useEffect 如何选择 - 0024
把 ref.current 当作 useEffect 的依赖，或者直接在 JSX 中渲染 ref.current，会有什么问题？
围绕“把 ref.current 当作 useEffect 的依赖，或者直接在 JSX 中渲染 ref.current，会”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 ref 变化不触发渲染导致依赖失效与界面不更新。
核心关键词React ref 非响应式 effect 依赖 ref.current - 0025
React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的？
围绕“React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确挂载-卸载-重新挂载是刻意暴露缺失清理的检测手段、effect 必须写成可重入的对称结构。
核心关键词React 18 Strict Mode useEffect 执行两次 - 0026
React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界？
围绕“React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确绘制前同步执行可读写布局避免视觉闪烁、以及阻塞渲染与 SSR 警告的代价。
核心关键词React useLayoutEffect useEffect 时机 闪烁 - 0027
useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略？
围绕“useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确 dispatch 身份稳定可安全省略，以及 dispatch 后 state 未变时 React 跳过渲染的行为。
核心关键词React useReducer dispatch 稳定 依赖数组 - 0028
为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里？
围绕“为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出渲染可能被中断重放导致副作用重复执行。
核心关键词React 渲染纯函数 副作用 useEffect 并发 - 0029
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？
围绕“把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出函数引用变化触发 effect 反复执行的症状及 useCallback/移入 effect 两种修法。
核心关键词useEffect 依赖 函数 每次执行 useCallback - 0030
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？
围绕“React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比『非响应式事件函数读取最新值』与『依赖数组缓存引用』两种思路，并注明实验性版本状态。
核心关键词useEffectEvent useCallback 稳定回调 区别 - 0031
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？
围绕“React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出 useEffect 延迟执行、按环境条件分支、客户端专属组件等可行路径。
核心关键词React SSR window is not defined 解决 - 0032
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？
围绕“为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务端组件不 hydration、不常驻内存因此无交互生命周期，换来零客户端 JS 与直接访问后端资源。
核心关键词React 服务端组件 不能用 hooks 原因