闭包陷阱的本质是未清理的异步引用长期持有旧状态，导致内存无法释放；解决关键是用 useRef 同步最新值 + useEffect 清理函数切断引用链。
React Hooks 闭包陷阱本身不会直接导致状态无法被垃圾回收，真正的问题是：闭包长期持有对旧状态的引用，使这些值在内存中持续存在，而组件本应更新或卸载时，它们却没被释放。这不是 React 的内存泄漏 bug，而是开发者未主动切断引用链的结果。
为什么闭包会让状态“卡”在内存里？
JavaScript 垃圾回收基于“可达性”——只要某个值还能被代码中的变量、闭包、对象属性等访问到，它就不会被回收。useEffect、setTimeout、事件监听器等异步逻辑一旦形成闭包并捕获了某次渲染的状态（比如 count = 0），而该异步逻辑又没被清理，那这个 count 就会一直“活”在闭包作用域中，哪怕组件已重新渲染多次、甚至卸载。
关键不是“避免闭包”，而是“控制引用生命周期”
闭包本身无害，有害的是未及时清理的长期引用。解决核心是两点：让闭包读取最新值，同时确保旧引用能被释放。
- 用 useRef 存储可变值（如最新 count），让闭包始终读 ref.current，而不是捕获某次渲染的局部变量
- 在 useEffect 清理函数中明确清除定时器、监听器、订阅等副作用，切断对旧状态的间接引用
- 避免把状态直接写进依赖数组后又忽略清理——比如
useEffect(() => { const t = setTimeout(() => console.log(count), 1000); return () => clearTimeout(t); }, [count])，这虽能更新闭包，但频繁创建/销毁也带来开销，适合简单场景
推荐组合方案：useRef + 清理函数
这是兼顾健壮性与可维护性的常用做法：
- 声明
const countRef = useRef(count)，并在每次 count 变化后同步更新：useEffect(() => { countRef.current = count; }, [count]) - 在需要稳定引用的副作用中（如定时器），只依赖空数组
[]，内部通过countRef.current读值 - 务必返回清理函数，例如
return () => clearInterval(timer)，确保组件卸载或重新挂载前旧定时器被清除
额外注意：useCallback 不是万能解药
如果用 useCallback 缓存函数但依赖项写错（比如漏掉 count），它反而会固化一个捕获旧值的函数，加重问题。正确写法是把所有影响逻辑的变量放进依赖数组，或改用 useRef 方式绕过依赖管理。
