React useEffect 依赖数组陷阱：闭包、陈旧值与无法取消的副作用
原创
React useEffect 依赖数组陷阱：闭包、陈旧值与无法取消的副作用
用户12771345
发布于 2026-11-15 15:32:20
发布于 2026-11-15 15:32:20
概述
useEffect 几乎是每个 React 项目里都会反复碰到的钩子，但真正把它用对并不容易。最常见的场景是组件挂载后发起请求、监听窗口事件或启动定时器，结果要么出现闭包捕获旧值导致 UI 显示过期数据，要么在依赖数组变化时重复注册监听器造成内存泄漏，甚至因为依赖项不一致触发无限循环。这些问题往往在开发环境表现正常，上线后随着交互变复杂才暴露。下面从一个真实的搜索框自动请求场景切入，拆解依赖数组、
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号