React 中 useEffect 依赖数组导致的重复请求与竞态问题排查
原创
React 中 useEffect 依赖数组导致的重复请求与竞态问题排查
用户12771345
发布于 2026-11-10 10:44:35
发布于 2026-11-10 10:44:35
概述
在一个数据看板项目里，有个图表组件会在筛选条件变化时重新拉取数据。上线后发现接口调用频率明显高于预期，切换筛选条件快的时候还会出现旧请求覆盖新结果的情况。排查下来，问题集中在 useEffect 的依赖数组上：依赖里放了每次渲染都会新建的对象或函数，导致 effect 反复执行；同时组件卸载或依赖变化后没有取消上一次请求，响应回来时直接 setState，造成竞态。这类问题在 React 开发里很
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号