用 useRef() 去解决 react-hook ”闭包陷阱“

1. 出现问题

1.1 code

// jsx
  <h1 onClick={handleClick}>{count}</h1>
  
 <button onClick={() => setCount(count + 1)}>click {count}</button>

// 状态，属性

 const [count, setCount] = useState(0);
 
  const handleClick = () => {
    setTimeout(() => {
      console.log(count);
    }, 3000);
  };

1.2 结果

1. 首先，用户点击了 h1 上的 数字，触发了 它的 onClick 事件，启动 setTimeout
2. 然后，用户点击了 button 5次；
3. 这时候，看控制台，输出的竟然还是 0

1.3 原因

触发