React 什么时候需要提升状态，和 Context 怎么配合？
React 什么时候需要提升状态，和 Context 怎么配合？ 本文先给出可直接复述的结论，再用最小代码说明React 状态提升的判断条件的工作方式、判断依据、项目边界和常见误区。
核心关键词React 状态提升的判断条件
面试知识索引 · 分类、标签与搜索
状态共享专题面试题，37 道完整答案
状态共享专题面试题第 1 页，显示第 1–37 题，共找到 37 道完整解析，可继续按分类、标签与关键词缩小范围。
37筛选结果
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模型与应用评测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
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
React memo 能阻止 Context 更新传给深层消费者吗？
React memo 能阻止 Context 更新传给深层消费者吗？ 本文先给出可直接复述的结论，再用最小代码说明React memo 能阻止 Context 更新吗的工作方式、判断依据、项目边界和常见误区。
核心关键词React memo 能阻止 Context 更新吗 - 0003
React 中把子树以 children prop 传入有状态的父组件,为什么父组件状态变化时这些子组件不会重渲染?
React 中把子树以 children prop 传入有状态的父组件,为什么父组件状态变化时这些子组件不会重渲染? 本文先给出可直接复述的结论，再用最小代码说明React children 组合 避免子树重渲染 原理的工作方式、判断依据、项目边界和常见误区。
核心关键词React children 组合 避免子树重渲染 原理 - 0004
Context 对象只改一个字段，其他字段的消费者也会重渲染吗？
Context 对象只改一个字段，其他字段的消费者也会重渲染吗？ 本文先给出可直接复述的结论，再用最小代码说明React Context 部分字段变化重渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 部分字段变化重渲染 - 0005
React 中设计一个可被父组件共享其值的可复用组件时,受控与非受控两种模式的状态归属差别是什么?
React 中设计一个可被父组件共享其值的可复用组件时,受控与非受控两种模式的状态归属差别是什么? 本文先给出可直接复述的结论，再用最小代码说明React 受控组件 非受控组件 状态归属的工作方式、判断依据、项目边界和常见误区。
核心关键词React 受控组件 非受控组件 状态归属 - 0006
React 的 createContext 传入的默认值在什么情况下才会被组件实际读到?
React 的 createContext 传入的默认值在什么情况下才会被组件实际读到? 本文先给出可直接复述的结论，再用最小代码说明React Context 默认值什么时候生效的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 默认值什么时候生效 - 0007
拿到一个「页面输入时整棵树都在重渲染」的 React 应用,如何定位是不是 Context 使用不当导致的?
拿到一个「页面输入时整棵树都在重渲染」的 React 应用,如何定位是不是 Context 使用不当导致的? 本文先给出可直接复述的结论，再用最小代码说明React Profiler 诊断 Context 多余渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React Profiler 诊断 Context 多余渲染 - 0008
React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景?
React 官方为什么把「在 useEffect 里获取服务器数据并存入 state」列为需要框架或路由层介入的场景? 本文先给出可直接复述的结论，再用最小代码说明React useEffect 获取数据 缺陷 官方建议的工作方式、判断依据、项目边界和常见误区。
核心关键词React useEffect 获取数据 缺陷 官方建议 - 0009
React 中切换筛选条件快速触发多次 effect 请求时,旧响应后到导致界面显示过期数据,官方推荐的解法是什么?
React 中切换筛选条件快速触发多次 effect 请求时,旧响应后到导致界面显示过期数据,官方推荐的解法是什么? 本文先给出可直接复述的结论，再用最小代码说明React effect 请求竞态 cleanup ignore的工作方式、判断依据、项目边界和常见误区。
核心关键词React effect 请求竞态 cleanup ignore - 0010
React 中一个多字段共享编辑状态的表单,选择每个字段一个 useState 还是整体一个对象 state 的判断依据是什么?
React 中一个多字段共享编辑状态的表单,选择每个字段一个 useState 还是整体一个对象 state 的判断依据是什么? 本文先给出可直接复述的结论，再用最小代码说明React 表单 state 拆分 合并 对象的工作方式、判断依据、项目边界和常见误区。
核心关键词React 表单 state 拆分 合并 对象 - 0011
React 中判断一份客户端状态是否值得提升为全局共享状态的标准是什么?
React 中判断一份客户端状态是否值得提升为全局共享状态的标准是什么? 本文先给出可直接复述的结论，再用最小代码说明React 全局状态 局部状态 判断标准的工作方式、判断依据、项目边界和常见误区。
核心关键词React 全局状态 局部状态 判断标准 - 0012
为什么通过 Context 共享给多个组件的对象状态必须做不可变更新,直接修改字段会发生什么?
为什么通过 Context 共享给多个组件的对象状态必须做不可变更新,直接修改字段会发生什么? 本文先给出可直接复述的结论，再用最小代码说明React Context 共享对象 不可变更新的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 共享对象 不可变更新 - 0013
同一个 React Context 嵌套 Provider 时，消费者读取哪一层？
同一个 React Context 嵌套 Provider 时，消费者读取哪一层？ 本文先给出可直接复述的结论，再用最小代码说明React Context 嵌套 Provider 覆盖规则的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 嵌套 Provider 覆盖规则 - 0014
React 中父子组件各自在 effect 里请求数据会形成请求瀑布,官方建议的消除思路是什么?
React 中父子组件各自在 effect 里请求数据会形成请求瀑布,官方建议的消除思路是什么? 本文先给出可直接复述的结论，再用最小代码说明React 请求瀑布 并行 获取数据的工作方式、判断依据、项目边界和常见误区。
核心关键词React 请求瀑布 并行 获取数据 - 0015
为什么说把接口返回的数据直接塞进 React Context 并不等于拥有了服务器数据缓存?
为什么说把接口返回的数据直接塞进 React Context 并不等于拥有了服务器数据缓存? 本文先给出可直接复述的结论，再用最小代码说明React Context 服务器数据 缓存 失效的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 服务器数据 缓存 失效 - 0016
React 19 的 useOptimistic 在共享服务器数据的界面上如何实现乐观更新,提交失败时界面如何回退?
React 19 的 useOptimistic 在共享服务器数据的界面上如何实现乐观更新,提交失败时界面如何回退? 本文先给出可直接复述的结论，再用最小代码说明React 19 useOptimistic 乐观更新 回退的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 useOptimistic 乐观更新 回退 - 0017
React 中一个组件被条件渲染卸载后还想保留它的编辑进度等状态,有哪些手段及取舍?
React 中一个组件被条件渲染卸载后还想保留它的编辑进度等状态,有哪些手段及取舍? 本文先给出可直接复述的结论，再用最小代码说明React 组件卸载 保留状态 方案的工作方式、判断依据、项目边界和常见误区。
核心关键词React 组件卸载 保留状态 方案 - 0018
React 中把父组件传入的 props 用 useState 复制一份再共享给子组件,为什么被认为是反模式?
React 中把父组件传入的 props 用 useState 复制一份再共享给子组件,为什么被认为是反模式? 本文先给出可直接复述的结论，再用最小代码说明React props 复制到 state 反模式的工作方式、判断依据、项目边界和常见误区。
核心关键词React props 复制到 state 反模式 - 0019
React 中把多个组件共享的状态更新逻辑抽成 reducer,相比分散的 useState 在归属和可测试性上带来什么改变?
React 中把多个组件共享的状态更新逻辑抽成 reducer,相比分散的 useState 在归属和可测试性上带来什么改变? 本文先给出可直接复述的结论，再用最小代码说明React useReducer 状态逻辑抽离 共享的工作方式、判断依据、项目边界和常见误区。
核心关键词React useReducer 状态逻辑抽离 共享 - 0020
React useReducer 配合 Context 时，为什么常拆开 state 和 dispatch？
React useReducer 配合 Context 时，为什么常拆开 state 和 dispatch？ 本文先给出可直接复述的结论，再用最小代码说明React useReducer Context state dispatch 拆分的工作方式、判断依据、项目边界和常见误区。
核心关键词React useReducer Context state dispatch 拆分 - 0021
React 中需要在多个组件间共享但变化时不应触发渲染的值,为什么应该用 ref 或模块级变量而不是 state?
React 中需要在多个组件间共享但变化时不应触发渲染的值,为什么应该用 ref 或模块级变量而不是 state? 本文先给出可直接复述的结论，再用最小代码说明React useRef 共享值 不触发渲染的工作方式、判断依据、项目边界和常见误区。
核心关键词React useRef 共享值 不触发渲染 - 0022
React Context 不支持选择器,组件只想订阅其中一部分数据时有哪些官方认可的规避方案及各自代价?
React Context 不支持选择器,组件只想订阅其中一部分数据时有哪些官方认可的规避方案及各自代价? 本文先给出可直接复述的结论，再用最小代码说明React Context 选择器 替代方案的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 选择器 替代方案 - 0023
React 服务端渲染与客户端水合共用 useSyncExternalStore 时,getServerSnapshot 解决什么一致性问题?
React 服务端渲染与客户端水合共用 useSyncExternalStore 时,getServerSnapshot 解决什么一致性问题? 本文先给出可直接复述的结论，再用最小代码说明useSyncExternalStore getServerSnapshot 水合的工作方式、判断依据、项目边界和常见误区。
核心关键词useSyncExternalStore getServerSnapshot 水合 - 0024
React 面试中如何区分「服务器状态」与「客户端状态」,这一分类为什么影响状态管理选型?
React 面试中如何区分「服务器状态」与「客户端状态」,这一分类为什么影响状态管理选型? 本文先给出可直接复述的结论，再用最小代码说明React 服务器状态 客户端状态 区别 选型的工作方式、判断依据、项目边界和常见误区。
核心关键词React 服务器状态 客户端状态 区别 选型 - 0025
为什么 React 的 useSyncExternalStore 要求 getSnapshot 多次调用必须返回缓存的同一个引用?
为什么 React 的 useSyncExternalStore 要求 getSnapshot 多次调用必须返回缓存的同一个引用? 本文先给出可直接复述的结论，再用最小代码说明useSyncExternalStore getSnapshot 缓存 无限循环的工作方式、判断依据、项目边界和常见误区。
核心关键词useSyncExternalStore getSnapshot 缓存 无限循环 - 0026
一个大的 React Context 应该什么时候拆成多个？
一个大的 React Context 应该什么时候拆成多个？ 本文先给出可直接复述的结论，再用最小代码说明React Context 拆分优化的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 拆分优化 - 0027
React 官方对共享状态的结构设计提出哪些原则,冗余和矛盾的状态会带来什么具体问题?
React 官方对共享状态的结构设计提出哪些原则,冗余和矛盾的状态会带来什么具体问题? 本文先给出可直接复述的结论，再用最小代码说明React 状态结构设计 冗余 矛盾 state的工作方式、判断依据、项目边界和常见误区。
核心关键词React 状态结构设计 冗余 矛盾 state - 0028
React 为什么说状态是绑定在 UI 树的渲染位置上而不是绑定在组件函数本身?
React 为什么说状态是绑定在 UI 树的渲染位置上而不是绑定在组件函数本身? 本文先给出可直接复述的结论，再用最小代码说明React 状态 绑定 UI 树位置的工作方式、判断依据、项目边界和常见误区。
核心关键词React 状态 绑定 UI 树位置 - 0029
React 的 useSyncExternalStore 中 subscribe 函数何时被调用、其返回的清理函数何时执行?
React 的 useSyncExternalStore 中 subscribe 函数何时被调用、其返回的清理函数何时执行? 本文先给出可直接复述的结论，再用最小代码说明useSyncExternalStore subscribe 清理函数 时机的工作方式、判断依据、项目边界和常见误区。
核心关键词useSyncExternalStore subscribe 清理函数 时机 - 0030
React 18 并发渲染下直接用 useState 加外部可变数据读取为什么会出现 tearing(界面撕裂)?
React 18 并发渲染下直接用 useState 加外部可变数据读取为什么会出现 tearing(界面撕裂)? 本文先给出可直接复述的结论，再用最小代码说明React 18 并发渲染 tearing 外部 store的工作方式、判断依据、项目边界和常见误区。
核心关键词React 18 并发渲染 tearing 外部 store - 0031
深层子组件怎样通过 React Context 更新父层状态？
深层子组件怎样通过 React Context 更新父层状态？ 本文先给出可直接复述的结论，再用最小代码说明React Context 子组件更新父组件状态的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 子组件更新父组件状态 - 0032
React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Context?
React 中筛选条件、当前标签页这类 UI 状态,什么情况下应该放进 URL 而不是组件 state 或 Context? 本文先给出可直接复述的结论，再用最小代码说明React URL 状态 内存 state 可分享的工作方式、判断依据、项目边界和常见误区。
核心关键词React URL 状态 内存 state 可分享 - 0033
React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力?
React 19 的 use() 相比 useContext 在读取共享数据上多出了什么能力? 本文先给出可直接复述的结论，再用最小代码说明React 19 use() Promise Context 条件读取的工作方式、判断依据、项目边界和常见误区。
核心关键词React 19 use() Promise Context 条件读取 - 0034
React 的 useSyncExternalStore 三个参数各自承担什么职责,返回值如何保证一致性?
React 的 useSyncExternalStore 三个参数各自承担什么职责,返回值如何保证一致性? 本文先给出可直接复述的结论，再用最小代码说明useSyncExternalStore subscribe getSnapshot 参数的工作方式、判断依据、项目边界和常见误区。
核心关键词useSyncExternalStore subscribe getSnapshot 参数 - 0035
Context Provider 的 value 为什么常用 useMemo？
解释内联对象怎样造成 Context value 身份变化，用完整 JSX 示例区分无关计数更新与真实主题更新，并说明 useMemo 依赖、函数缓存和 React Compiler 的适用边界。
核心关键词React Context Provider value useMemo - 0036
React 中什么信号说明 Context 已经不够用、应该引入带订阅的外部 store?
React 中什么信号说明 Context 已经不够用、应该引入带订阅的外部 store? 本文先给出可直接复述的结论，再用最小代码说明React Context 不够用 外部 store 选择器的工作方式、判断依据、项目边界和常见误区。
核心关键词React Context 不够用 外部 store 选择器 - 0037
React 什么时候应该用 Context，什么时候继续传 props？
从数据可见性、组件组合、消费范围和测试成本比较 props 与 Context，用局部地区设置示例说明怎样减少无意义的中间传递，同时保留清晰的组件依赖。
核心关键词React Context 和 props 怎么选择