美文网首页
当进入页面 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>
  )
}

相关文章

  • flutter路由

    题记 1.直接进入页面(每次都将新建一个新的页面) 2.把当前页面在栈中的位置替换为跳转的页面, 当新的页面进入后...

  • flutter实现监听路由触发方法

    背景 需求:进入其他页面后,点击Tab返回到当前active,即触发一次拉取最新数据的请求。这是一个很常见的功能,...

  • windows安装及简单使用kfaka(单机)

    1.下载管网下载链接,进入后页面如下: 点击红框中的链接即可下载,此版本为当前最新版本。 下载完成后,先添加一个l...

  • js history

    1.替换url更换当前页面的文档达到history里不添加信息,使当禁用已进入第三个页面后可以返回第一页 loca...

  • 一个 VC 被提前释放的莫名 BUG

    BUG情景: 重复点击TabBar中的某个 Item 后,当前页面中的 UICollectionCell 点击进入...

  • vmstat用法

    vmstat 3每间隔3s输出一次结果,持续输出 vmstat 3 4每间隔3s输出一次结果,一共输出4次结果 v...

  • RxLifecycle使用和源码分析

    RxJava内存泄漏 为什么RxJava会发生内存泄漏?​ 在当前页面用RxJava发布订阅后,如果当期页面fin...

  • ionic2 生命周期钩子

    ionViewWillEnter :即将进入一个页面变成当前激活页面的时候执行的事件。可以理解为将要进入(还未进入...

  • 支付宝 微信没有回调检查订单页面

    进入支付页面后 右上角返回应用 没有得到任何回调。 在当前页面定义全局变量 hasCallBack 记录是否走了回...

  • 产品设计笔记之音视频播放相关

    在进行产品设计的时候,碰到诸如当前页面(第三方文章类的)有音视频播放,当退出当前页面或者按home键将应用切换到后...

网友评论

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

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