React 中 useEffect 依赖数组的常见陷阱与稳定引用实践

在 React 函数组件里用 useEffect 处理副作用时，依赖数组往往是最容易出问题的地方。很多开发者在本地开发时一切正常，部署后却遇到重复请求、定时器越跑越多、WebSocket 反复重连，甚至组件卸载后仍然触发 setState 警告。这些问题大多不是 useEffect 本身有 bug，而是依赖数组里的值在每次渲染时都产生了新的引用，比如内联对象、数组、函数，或者从父组件传来的回调没有