美文网首页
当进入页面 3s 后,输出当前最新的 count

当进入页面 3s 后,输出当前最新的 count

作者: 红酒煮咖啡 | 来源:发表于2022-11-22 10:12 被阅读0次

    使用ref解决闭包问题

    function Demo() {
      const [count, setCount] = useState(0);
    
    /**
    *使用ref解决闭包问题
     */
    const countRef = useRef(count);
    countRef.current = count;
    /** */
    
      useEffect(() => {
        const timer = setTimeout(() => {
          console.log(countRef.current )
        }, 3000);
        return () => {
          clearTimeout(timer);
        }
      }, [])
    
      return (
        <button
          onClick={() => setCount(c => c + 1)}
        >
          click
        </button>
      )
    }
    

    相关文章

      网友评论

          本文标题:当进入页面 3s 后,输出当前最新的 count

          本文链接:https://www.haomeiwen.com/subject/sduoxdtx.html