React useEffect 依赖数组比较陷阱：为什么对象和函数总是触发重跑
原创
React useEffect 依赖数组比较陷阱：为什么对象和函数总是触发重跑
用户1839651
发布于 2026-09-30 08:52:47
发布于 2026-09-30 08:52:47
概述
在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。很多开发者习惯把组件内定义的对象、数组或函数直接放进依赖项，结果发现 useEffect 每次渲染都跑，甚至引发无限循环。这个问题在请求封装、事件监听、定时器清理等场景里特别常见。它的根源不是 React 的 bug，而是 JavaScript 的引用比较规则：依赖数组用的是 Object.is，对象和函数每次渲染
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号