react利用useEffect记录用户在当前页面停留时长

最新推荐文章于 2024-09-23 16:36:59 发布

m0_62672537

最新推荐文章于 2024-09-23 16:36:59 发布

阅读量127

点赞数 2

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/m0_62672537/article/details/139943488

版权

useEffect如果要在effect中取到最新的prop、state，必须得将相应的prop、state传入第二个参数数组中。但是如果是取useRef创建的对象中的值，则不用将ref传入第二个参数数组，也能获取到ref中的最新值。所以可以在ref中记录时间戳。

const timestamp = useRef(0);
useEffect(() => {
  ... // 执行请求
  timestamp.current = new Date().getTime();
  return () => {
    if(timestamp.current) {
      saveTime(new Date().getTime() - timestamp.current);// 请求接口保存时长
    }
  }
}, []);