一个大的 React Context 应该什么时候拆成多个？
结合编辑器设置、光标状态与命令入口，说明 Context 拆分应看消费者重叠、更新频率和业务生命周期，避免只按字段数、Provider 层数或强制 useMemo 作决定。
核心关键词React Context 拆分优化
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 70 页，收录第 3451–3500 题，共 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
第 70 页
本页面试问题
按稳定语义路径排序
- 3451
- 3452
React 官方对共享状态的结构设计提出哪些原则,冗余和矛盾的状态会带来什么具体问题?
围绕“React 官方对共享状态的结构设计提出哪些原则,冗余和矛盾的状态会带来什么具体问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖完整回答要覆盖分组关联数据、消除冗余、避免矛盾、避免深层嵌套四原则及各自引发的同步 bug,不展开某个具体表单例子。
核心关键词React 状态结构设计 冗余 矛盾 state - 3453
React 为什么说状态是绑定在 UI 树的渲染位置上而不是绑定在组件函数本身?
围绕“React 为什么说状态是绑定在 UI 树的渲染位置上而不是绑定在组件函数本身”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出同位置渲染同组件则状态保留、不同位置即使同组件也是独立状态,不讨论 key 的显式重置用法。
核心关键词React 状态 绑定 UI 树位置 - 3454
React 的 useSyncExternalStore 中 subscribe 函数何时被调用、其返回的清理函数何时执行?
围绕“React 的 useSyncExternalStore 中 subscribe 函数何时被调用、其返回的清理函数何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出提交后订阅、快照变化时重新检查、卸载或依赖变化时清理的时序,不讨论 getSnapshot 的返回值要求。
核心关键词useSyncExternalStore subscribe 清理函数 时机 - 3455
React 18 并发渲染下直接用 useState 加外部可变数据读取为什么会出现 tearing(界面撕裂)?
围绕“React 18 并发渲染下直接用 useState 加外部可变数据读取为什么会出现 tearing(界面撕裂)”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出渲染被中断期间外部数据变化导致同屏读到新旧两个值,以及 useSyncExternalStore 如何规避,不展开 SSR 场景。
核心关键词React 18 并发渲染 tearing 外部 store - 3456
深层子组件怎样通过 React Context 更新父层状态？
用主题切换说明深层组件怎样调用 Context 中的 setter、dispatch 或业务命令，区分状态所有权、函数稳定性、函数式更新与直接修改 Context 对象的风险。
核心关键词React Context 子组件更新父组件状态 - 3457
React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Context?
围绕“React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Cont”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出需要刷新保留、可分享链接、前进后退可导航这三条放 URL 的判据及内存态的适用面,不展开路由库 API。
核心关键词React URL 状态 内存 state 可分享 - 3458
React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力?
围绕“React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出 use 可在条件或循环中调用、且能直接读取 Promise 配合 Suspense,不展开服务端组件的用法。
核心关键词React 19 use() Promise Context 条件读取 - 3459
React 的 useSyncExternalStore 三个参数各自承担什么职责,返回值如何保证一致性?
围绕“React 的 useSyncExternalStore 三个参数各自承担什么职责,返回值如何保证一致性”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答清 subscribe 注册变更通知、getSnapshot 读取当前快照、getServerSnapshot 服务端的职责划分,。
核心关键词useSyncExternalStore subscribe getSnapshot 参数 - 3460
Context Provider 的 value 为什么常用 useMemo？
解释内联对象怎样造成 Context value 身份变化，用完整 JSX 示例区分无关计数更新与真实主题更新，并说明 useMemo 依赖、函数缓存和 React Compiler 的适用边界。
核心关键词React Context Provider value useMemo - 3461
React 中什么信号说明 Context 已经不够用、应该引入带订阅的外部 store?
围绕“React 中什么信号说明 Context 已经不够用、应该引入带订阅的外部 store”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须答出高频更新、需要字段级订阅或非 React 代码读写这三个触发条件,不展开具体第三方库的 API。
核心关键词React Context 不够用 外部 store 选择器 - 3462
React 什么时候应该用 Context，什么时候继续传 props？
从数据可见性、组件组合、消费范围和测试成本比较 props 与 Context，用局部地区设置示例说明怎样减少无意义的中间传递，同时保留清晰的组件依赖。
核心关键词React Context 和 props 怎么选择 - 3463
React Effect 创建请求时若组件已快速卸载，AbortSignal 已 aborted 的情况下应如何避免把 abort 当成业务错误弹窗？
围绕“React Effect 创建请求时若组件已快速卸载，AbortSignal 已 aborted 的情况下应如何避免”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分取消语义与真实失败并尽早返回。
核心关键词React AbortSignal already aborted Effect cleanup 错误处理 - 3464
React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的是哪一帧，为什么只取消一次可能不够？
围绕“React 中 requestAnimationFrame 循环驱动画布时，Effect 的 cleanup 取消的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明每帧重新预约导致需保存最新 id 并在 cleanup 取消。
核心关键词React requestAnimationFrame Effect cleanup 取消 循环 - 3465
为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号？
围绕“为什么不能直接把 async 函数传给 React useEffect，又该怎样组织 await 与取消信号”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Effect 返回值只能是 cleanup 而非 Promise。
核心关键词React useEffect async Promise cleanup cancel - 3466
两个 React 组件状态需要保持一致时，为什么用 Effect 把一个 state 拷给另一个 state 常是反模式？
围绕“两个 React 组件状态需要保持一致时，为什么用 Effect 把一个 state 拷给另一个 state 常是反”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确应提升共享状态或改为派生。
核心关键词React 组件状态同步 Effect 拷贝 state 反模式 - 3467
为什么 React Effect 的清理函数不只在卸载时运行，依赖变化重跑前也运行这一点如何改变资源管理写法？
围绕“为什么 React Effect 的清理函数不只在卸载时运行，依赖变化重跑前也运行这一点如何改变资源管理写法”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把资源生命周期绑定到“每次依赖值组合”而非组件存活期。
核心关键词React Effect cleanup 更新前 运行 依赖变化 - 3468
为了让 React Effect 在重复建立/清理下仍正确，清理函数应具备什么样的幂等性设计？
围绕“为了让 React Effect 在重复建立/清理下仍正确，清理函数应具备什么样的幂等性设计”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确清理只能撤销本 setup 创建的资源且可安全重复。
核心关键词React Effect 清理 幂等 可重入 - 3469
React useEffect 一定在浏览器绘制后执行吗？
区分 React 渲染、提交与浏览器绘制，解释 useEffect 通常不阻塞绘制但并非保证在绘制后执行，以及浮层测量、useLayoutEffect 和服务端渲染的边界。
核心关键词React useEffect 执行时机和浏览器绘制 - 3470
React 并发特性下，为什么 Effect 代码要假设状态可能被复用或提交前重试，而不是按一次挂载一次卸载写死？
围绕“React 并发特性下，为什么 Effect 代码要假设状态可能被复用或提交前重试，而不是按一次挂载一次卸载写死”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须落到 setup/cleanup 成对与无全局残留。
核心关键词React 并发 Effect 可重试 状态复用 正确性 - 3471
React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定？
围绕“React 不能按条件调用 useEffect，但只想在某些条件下同步，应把条件放在哪里并保持 Hook 顺序稳定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确条件进入 Effect 内部或拆分组件。
核心关键词React 条件 useEffect Hook 顺序 条件逻辑 - 3472
React 自定义 Hook 封装一段 Effect 同步逻辑时，调用方还需要知道哪些依赖和清理约定？
围绕“React 自定义 Hook 封装一段 Effect 同步逻辑时，调用方还需要知道哪些依赖和清理约定”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Hook 不能隐藏其内部响应式依赖语义。
核心关键词React 自定义 Hook 封装 Effect 依赖 清理 - 3473
useEffect 不写依赖、空数组和具体依赖有什么区别？
按已提交更新解释省略依赖、空依赖和列出具体值时的重同步行为，补充 Object.is、Strict Mode、重新挂载与清理规则，避免把空数组误认为整个应用只执行一次。
核心关键词React useEffect 依赖数组三种写法 - 3474
如何分辨 React 中一次 Effect 重跑是“外部依赖真的变了”还是“Effect 自己 setState 造成依赖又变”？
围绕“如何分辨 React 中一次 Effect 重跑是“外部依赖真的变了”还是“Effect 自己 setState 造”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须建立依赖来源链路并检查是否派生自被更新 state。
核心关键词React Effect 重跑 依赖变化 自身 setState 诊断 - 3475
React 中由 props/state 计算出的值为什么通常不该放进 Effect 再 setState？
React 列表筛选、合计和权限判断怎样从现有 props 与 state 直接计算？结合订单页面解释冗余状态造成的旧值提交、额外更新，以及 useMemo 和用户编辑草稿的适用边界。
核心关键词React 派生状态为什么不需要 useEffect - 3476
React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标题被过度重置？
围绕“React 用 Effect 同步 document.title 时，为什么把 router 对象整个列依赖常导致标”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明真正响应式值是 title 文本/路径片段而非不稳定容器对象。
核心关键词React document.title Effect 依赖 router 对象 - 3477
用户点击触发的逻辑为什么通常放事件处理器，而不是 useEffect？
通过提交反馈、打开详情与保存草稿区分事件因果和持续同步，解释用布尔 state 触发请求的问题、重复提交控制，以及事件更新状态后仍可能需要 Effect 的场景。
核心关键词React 用户操作放事件还是 useEffect - 3478
React Effect 中连续发起请求时，如何防止慢的旧响应覆盖新的结果？
围绕“React Effect 中连续发起请求时，如何防止慢的旧响应覆盖新的结果”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须比较 cleanup 中 abort 与 ignore 标志的适用边界。
核心关键词React Effect fetch 竞态 AbortController ignore - 3479
React 渲染后要把焦点移到新输入框或恢复滚动位置，为什么这些操作适合放 Effect 而不是渲染函数？
围绕“React 渲染后要把焦点移到新输入框或恢复滚动位置，为什么这些操作适合放 Effect 而不是渲染函数”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 DOM 节点需提交后才存在且命令式操作不应参与渲染计算。
核心关键词React focus scroll Effect commit DOM 副作用 - 3480
在 React 项目里用 eslint-disable 关掉 exhaustive-deps 前，需要确认哪几种情况确实不是隐藏过期数据？
围绕“在 React 项目里用 eslint-disable 关掉 exhaustive-deps 前，需要确认哪几种情况”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须给出可接受例外的窄边界：值非响应式或有意冻结快照。
核心关键词React exhaustive-deps disable 风险 过期数据 - 3481
把地图或图表这类命令式第三方组件接入 React 时，Effect 应负责创建、参数同步和销毁中的哪些边界？
围绕“把地图或图表这类命令式第三方组件接入 React 时，Effect 应负责创建、参数同步和销毁中的哪些边界”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须划分 React 声明式 props 到实例方法调用的同步边界。
核心关键词React Effect 第三方命令式组件 创建 更新 销毁 - 3482
用 ref 保存最新回调让 React Effect 少依赖一个函数，能解决什么又可能隐藏什么依赖错误？
围绕“用 ref 保存最新回调让 React Effect 少依赖一个函数，能解决什么又可能隐藏什么依赖错误”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须权衡“读取最新值但不被视为响应式依赖”的边界。
核心关键词React Effect ref 保存最新回调 减少依赖 取舍 - 3483
React 中监听 matchMedia 媒体查询变化时，为什么 addEventListener 的返回结果和清理都要和查询对象绑定？
围绕“React 中监听 matchMedia 媒体查询变化时，为什么 addEventListener 的返回结果和清理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要明确每个 query 实例对应一次订阅/退订。
核心关键词React matchMedia Effect 清理 媒体查询 - 3484
React Effect 挂载、依赖更新和卸载时怎样建立与清理？
以文档订阅切换说明 setup 与 cleanup 的配对关系、旧闭包与新参数、依赖未变时的行为，以及 Strict Mode 检查和异步请求迟到结果的处理。
核心关键词React useEffect cleanup 执行顺序 - 3485
当 React Effect 只想在少数值变化时运行，却把整段逻辑都搬进了 Effect，应如何重构以减少不必要同步？
围绕“当 React Effect 只想在少数值变化时运行，却把整段逻辑都搬进了 Effect，应如何重构以减少不必要同步”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明把与外部同步无关的计算移出 Effect 或移入事件。
核心关键词React Effect 移动逻辑 减少依赖 重构 - 3486
useEffect 依赖对象或函数时，为什么可能每次渲染都重跑？
解释 Object.is 与组件内对象、函数引用的关系，按配置构造位置、真正的响应式字段和缓存边界整理减少无关重同步的方法，避免删依赖或滥用 JSON.stringify。
核心关键词React useEffect 对象函数依赖反复执行 - 3487
React 组件要根据 navigator.onLine 与 online/offline 事件显示网络状态，Effect 里应同步哪个真相源？
围绕“React 组件要根据 navigator.onLine 与 online/offline 事件显示网络状态，Eff”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分初始读取当前值与订阅后续变化。
核心关键词React online offline Effect 同步 浏览器状态 - 3488
React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 DOM 操作有何影响？
围绕“React 父子组件都有 useEffect 时，挂载更新卸载的 Effect 与 cleanup 执行顺序对共享 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明子效果通常先于父建立、父清理在子清理前后的边界。
核心关键词React 父子组件 Effect 顺序 cleanup - 3489
当 React 自定义 Hook 返回一个可手动停止函数，同时内部 Effect 也有 cleanup，二者职责如何避免重叠？
围绕“当 React 自定义 Hook 返回一个可手动停止函数，同时内部 Effect 也有 cleanup，二者职责如何”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分组件卸载自动清理与用户主动停止同一资源。
核心关键词React 自定义 Hook cleanup 手动停止 职责 - 3490
React 组件通过 window.postMessage 与 iframe 通信时，Effect 的依赖应包含 origin/target 的哪些部分才不会错发消息？
围绕“React 组件通过 window.postMessage 与 iframe 通信时，Effect 的依赖应包含 o”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须把通信端点视为响应式依赖并在 cleanup 移除监听器。
核心关键词React postMessage iframe Effect origin 依赖 - 3491
useEffect 为什么必须声明读到的响应式依赖，漏写会怎样？
用文档订阅与通知设置说明 Effect 依赖怎样对应闭包输入、漏依赖如何产生旧值，以及拆分同步、函数式更新和 useEffectEvent 的适用边界。
核心关键词React useEffect exhaustive-deps 漏依赖 - 3492
当 React 需要根据 props 变化重置子组件状态时，为什么优先改 key 而不是写 Effect 清状态？
切换编辑对象后为什么 React 还保留上一个对象的输入？说明 key 如何改变组件身份、重置子树状态，以及只清一个字段、保存多份草稿和随机 key 的边界。
核心关键词React key 重置组件状态 - 3493
React 用 ResizeObserver 观察一个 ref 元素时，为什么观察目标应来自 Effect 内读取的 node 而不是把 ref.current 当稳定依赖？
围绕“React 用 ResizeObserver 观察一个 ref 元素时，为什么观察目标应来自 Effect 内读取的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 ref.current 不是响应式依赖且提交后才可用。
核心关键词React ResizeObserver ref.current Effect 依赖 - 3494
React 中「Effect Event」试图解决的事件逻辑与同步逻辑混杂问题是什么？
围绕“React 中「Effect Event」试图解决的事件逻辑与同步逻辑混杂问题是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明想让 Effect 响应数据变化而事件响应交互。
核心关键词React Effect Events 分离事件 副作用 - 3495
React hydration 场景里访问 window/document 的 Effect 为什么通常安全，而在渲染期直接访问会出错？
围绕“React hydration 场景里访问 window/document 的 Effect 为什么通常安全，而在渲”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分客户端提交后环境与渲染期可能在服务端运行。
核心关键词React hydration window document Effect 渲染期 - 3496
一个 React Effect 里 setState 后组件无限重渲染，应如何定位是依赖身份不稳还是 Effect 本不该存在？
围绕“一个 React Effect 里 setState 后组件无限重渲染，应如何定位是依赖身份不稳还是 Effect ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须用“该状态是否派生/是否外部同步”二分定位。
核心关键词React Effect setState 无限循环 依赖 诊断 - 3497
React Effect 需要“只在打开面板时取一次当前筛选”的快照语义时，怎样表达才能不被依赖变化无意刷新？
围绕“React Effect 需要“只在打开面板时取一次当前筛选”的快照语义时，怎样表达才能不被依赖变化无意刷新”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分有意非响应式读取与漏依赖 bug。
核心关键词React Effect 有意快照 冻结 打开时 依赖 - 3498
React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各自改变了什么？
围绕“React 定时器 Effect 中读到旧 count 时，改用函数式 setState 与把 count 加依赖各”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖判断时要说明“效果同步频率”与“更新公式来源”是两类修复。
核心关键词React useEffect interval stale state setState 函数式更新 - 3499
React 18 开发模式 StrictMode 下 Effect 为什么会额外经历一次建立—清理—建立，如何区分 bug 与预期行为？
围绕“React 18 开发模式 StrictMode 下 Effect 为什么会额外经历一次建立—清理—建立，如何区分 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明这是开发期暴露不纯清理的机制。
核心关键词React 18 StrictMode Effect 重复执行 开发模式 - 3500
React Effect 忘记清理订阅，路由切换后会出现什么问题？
通过重复进入页面的键盘监听示例，解释重复处理、旧闭包和资源残留的来源，展示同一函数引用与 capture 匹配的清理写法，并给出可验证的路由往返检查步骤。
核心关键词React useEffect 订阅清理内存泄漏