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