React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景?
React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景? 本文先给出可直接复述的结论，再用最小代码说明React useEffect 获取数据 缺陷 官方建议的工作方式、判断依据、项目边界和常见误区。
核心关键词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 与取消信号？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect async Promise cleanup cancel的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect async Promise cleanup cancel - 0003
React useEffect 一定在浏览器绘制后执行吗？
React useEffect 一定在浏览器绘制后执行吗？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 执行时机和浏览器绘制的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 执行时机和浏览器绘制 - 0004
React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定？
React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定？ 本文先给出可直接复述的结论，再用最小代码说明React 条件 useEffect Hook 顺序 条件逻辑的工作方式、判断依据、项目边界和常见误区。
核心关键词React 条件 useEffect Hook 顺序 条件逻辑 - 0005
useEffect 不写依赖、空数组和具体依赖有什么区别？
useEffect 不写依赖、空数组和具体依赖有什么区别？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 依赖数组三种写法的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 依赖数组三种写法 - 0006
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？ 本文先给出可直接复述的结论，再用最小代码说明React 派生状态为什么不需要 useEffect的工作方式、判断依据、项目边界和常见误区。
核心关键词React 派生状态为什么不需要 useEffect - 0007
用户点击触发的逻辑为什么通常放事件处理器，而不是 useEffect？
用户点击触发的逻辑为什么通常放事件处理器，而不是 useEffect？ 本文先给出可直接复述的结论，再用最小代码说明React 用户操作放事件还是 useEffect的工作方式、判断依据、项目边界和常见误区。
核心关键词React 用户操作放事件还是 useEffect - 0008
React Effect 挂载、依赖更新和卸载时怎样建立与清理？
React Effect 挂载、依赖更新和卸载时怎样建立与清理？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect cleanup 执行顺序的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect cleanup 执行顺序 - 0009
useEffect 依赖对象或函数时，为什么可能每次渲染都重跑？
useEffect 依赖对象或函数时，为什么可能每次渲染都重跑？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 对象函数依赖反复执行的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 对象函数依赖反复执行 - 0010
React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 DOM 操作有何影响？
React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 DOM 操作有何影响？ 本文先给出可直接复述的结论，再用最小代码说明React 父子组件 Effect 顺序 cleanup的工作方式、判断依据、项目边界和常见误区。
核心关键词React 父子组件 Effect 顺序 cleanup - 0011
useEffect 为什么必须声明读到的响应式依赖，漏写会怎样？
useEffect 为什么必须声明读到的响应式依赖，漏写会怎样？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect exhaustive-deps 漏依赖的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect exhaustive-deps 漏依赖 - 0012
React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各自改变了什么？
React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各自改变了什么？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect interval stale state setState 函数式更新的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect interval stale state setState 函数式更新 - 0013
React Effect 忘记清理订阅，路由切换后会出现什么问题？
通过重复进入页面的键盘监听示例，解释重复处理、旧闭包和资源残留的来源，展示同一函数引用与 capture 匹配的清理写法，并给出可验证的路由往返检查步骤。
核心关键词React useEffect 订阅清理内存泄漏 - 0014
React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 useEffect？
React 中需要读取 DOM 尺寸并立刻影响下一次绘制时，为什么选 useLayoutEffect 而不是 useEffect？ 本文先给出可直接复述的结论，再用最小代码说明React useLayoutEffect DOM 测量 闪烁 useEffect的工作方式、判断依据、项目边界和常见误区。
核心关键词React useLayoutEffect DOM 测量 闪烁 useEffect - 0015
React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是条件渲染？
React 服务端渲染中使用 useLayoutEffect 触发警告时，应该怎样决定改用 useEffect 还是条件渲染？ 本文先给出可直接复述的结论，再用最小代码说明React useLayoutEffect SSR 警告 useEffect fallback的工作方式、判断依据、项目边界和常见误区。
核心关键词React useLayoutEffect SSR 警告 useEffect fallback - 0016
React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEffect + setState？
React 18 订阅外部 store 时，为什么 useSyncExternalStore 常优于手写 useEffect + setState？ 本文先给出可直接复述的结论，再用最小代码说明React 18 useSyncExternalStore 外部 store useEffect的工作方式、判断依据、项目边界和常见误区。
核心关键词React 18 useSyncExternalStore 外部 store useEffect - 0017
React 所说的“用 Effect 与外部系统同步”具体是什么意思？
React 所说的“用 Effect 与外部系统同步”具体是什么意思？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 与外部系统同步的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 与外部系统同步 - 0018
把 useEffect 逻辑抽进自定义 Hook 后，Hook 参数变化时如何保证 effect 正确重新执行？
把 useEffect 逻辑抽进自定义 Hook 后，Hook 参数变化时如何保证 effect 正确重新执行？ 本文先给出可直接复述的结论，再用最小代码说明React 自定义 Hook 依赖穿透 effect 参数的工作方式、判断依据、项目边界和常见误区。
核心关键词React 自定义 Hook 依赖穿透 effect 参数 - 0019
只想响应某个交互而不因读取最新 state 让整个 useEffect 反复重跑，React 提供了什么思路？
只想响应某个交互而不因读取最新 state 让整个 useEffect 反复重跑，React 提供了什么思路？ 本文先给出可直接复述的结论，再用最小代码说明React Effect Event useEffectEvent 实验性的工作方式、判断依据、项目边界和常见误区。
核心关键词React Effect Event useEffectEvent 实验性 - 0020
在 React useEffect 里启动的定时器总是读到旧的 state，这是为什么，有哪些修复方式？
在 React useEffect 里启动的定时器总是读到旧的 state，这是为什么，有哪些修复方式？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 定时器 读到旧 state 修复的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 定时器 读到旧 state 修复 - 0021
在 React 的 useEffect 中订阅聊天服务或 WebSocket 时，为什么清理函数必不可少？
在 React 的 useEffect 中订阅聊天服务或 WebSocket 时，为什么清理函数必不可少？ 本文先给出可直接复述的结论，再用最小代码说明React useEffect 订阅 清理函数 重复连接的工作方式、判断依据、项目边界和常见误区。
核心关键词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 如何选择的工作方式、判断依据、项目边界和常见误区。
核心关键词React 事件处理 useEffect 如何选择 - 0024
把 ref.current 当作 useEffect 的依赖，或者直接在 JSX 中渲染 ref.current，会有什么问题？
把 ref.current 当作 useEffect 的依赖，或者直接在 JSX 中渲染 ref.current，会有什么问题？ 本文先给出可直接复述的结论，再用最小代码说明React ref 非响应式 effect 依赖 ref.current的工作方式、判断依据、项目边界和常见误区。
核心关键词React ref 非响应式 effect 依赖 ref.current - 0025
React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的？
React 18 的 Strict Mode 下 useEffect 在开发环境为什么会执行两次，怎样写才是安全的？ 本文先给出可直接复述的结论，再用最小代码说明React 18 Strict Mode useEffect 执行两次的工作方式、判断依据、项目边界和常见误区。
核心关键词React 18 Strict Mode useEffect 执行两次 - 0026
React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界？
React 的 useLayoutEffect 与 useEffect 执行时机有什么差异，这决定了怎样的使用边界？ 本文先给出可直接复述的结论，再用最小代码说明React useLayoutEffect useEffect 时机 闪烁的工作方式、判断依据、项目边界和常见误区。
核心关键词React useLayoutEffect useEffect 时机 闪烁 - 0027
useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略？
useReducer 返回的 dispatch 函数身份稳定吗，写进 useEffect 依赖数组时能否省略？ 本文先给出可直接复述的结论，再用最小代码说明React useReducer dispatch 稳定 依赖数组的工作方式、判断依据、项目边界和常见误区。
核心关键词React useReducer dispatch 稳定 依赖数组 - 0028
为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里？
为什么并发渲染要求组件渲染必须是纯函数，副作用应该放在哪里？ 本文先给出可直接复述的结论，再用最小代码说明React 渲染纯函数 副作用 useEffect 并发的工作方式、判断依据、项目边界和常见误区。
核心关键词React 渲染纯函数 副作用 useEffect 并发 - 0029
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？
把每次渲染都新建的内联函数放进 useEffect 依赖数组会导致什么问题，如何修复？ 本文先给出可直接复述的结论，再用最小代码说明useEffect 依赖 函数 每次执行 useCallback的工作方式、判断依据、项目边界和常见误区。
核心关键词useEffect 依赖 函数 每次执行 useCallback - 0030
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？
React 实验性 API useEffectEvent 相比 useCallback 解决稳定回调问题有什么不同思路？ 本文先给出可直接复述的结论，再用最小代码说明useEffectEvent useCallback 稳定回调 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词useEffectEvent useCallback 稳定回调 区别 - 0031
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？
React 组件在服务端渲染时没有 window 和 document，如何安全地编写依赖浏览器 API 的代码？ 本文先给出可直接复述的结论，再用最小代码说明React SSR window is not defined 解决的工作方式、判断依据、项目边界和常见误区。
核心关键词React SSR window is not defined 解决 - 0032
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？
为什么 React 服务端组件不能使用 useState、useEffect 和浏览器事件，这种限制换来什么？ 本文先给出可直接复述的结论，再用最小代码说明React 服务端组件 不能用 hooks 原因的工作方式、判断依据、项目边界和常见误区。
核心关键词React 服务端组件 不能用 hooks 原因