react hooks 如何有效的解决闭包问题？

1.用依赖数组：在 useEffect 或者 useCallback 里，可以通过提供一个依赖数组来通知 React 哪些变量的变化应该触发函数的重新执行。

useEffect(() => {
  // 函数会在 count 变化时重新执行
  console.log(count);
}, [count]);

2.用 ref 在整个组件生命周期内保持不变，但它的 current 属性可以存储可变的值。

const countRef = useRef(count);
countRef.current = count;

useEffect(() => {
  const id = setInterval(() => {
    console.log(countRef.current); //引用最新的 count
  }, 1000);
  return () => clearInterval(id);
}, []); // 空依赖数组，函数只在组件挂载时执行一次

3。用函数式更新：

const [count, setCount] = useState(0);

// 错误的更新方式，可能会引用旧的 count
const increment = () => setCount(count + 1);

// 正确的更新方式，总是基于最新的 count
const increment = () => setCount(prevCount => prevCount + 1);