React 中 useEffect 依赖数组引发的无限循环：从一次真实调试说起

在维护一个后台管理页面时，我遇到了一个很典型的问题：页面加载后接口请求不断发出，浏览器 Network 面板里同一个请求每秒出现好几次，控制台没有任何报错，但 CPU 占用明显上升。排查后发现是 useEffect 的依赖数组里放了一个每次渲染都会重新创建的对象，导致 effect 反复执行，而 effect 内部又调用了 setState，从而触发下一次渲染，形成无限循环。这类问题在 React