React App中重复的setInterval事件

编程问答 2022-08-15

问题描述

对于上下文，我有一个在平板电脑上的android webview应用程序中运行的React应用程序。每隔5分钟，平板电脑会将“心跳”事件发送到我们的报告系统。当应用首次在设备上启动时，一切看起来都正常。有时（并非每次都）此事件重复出现，甚至出现3次，每次间隔几秒钟。

这是设备上的控制台日志：

8/6/2020,2:14:43 AM][ID 19940]: Heartbeat:,{"timestamp":1596694483332,"position":{"lat":44,"lng":44},"tablet":"168d6460-cdd3-11ea-b082-25541e4e57c5","driver":"****",...}
[8/6/2020,2:14:54 AM][ID 19941]: Heartbeat:,{"timestamp":1596694494054,... }

这是React代码的样子：

  useEffect(() => {
    const intervals = [];
    const mixpanelHeartbeat = async () => {
      let analyticsInfo = await getAnalyticsInfo();
      mixpanel.track("Heartbeat",analyticsInfo);
    };

    intervals.push(setInterval(mixpanelHeartbeat,heartBeatInterval));

    socket.on("broadcast",() => ...);

    socket.on("auth",async () => ... );
    socket.on('changeTheme',() => ... );

    return () => {
      socket.off('broadcast');
      socket.off('auth');
      socket.off('changeTheme');
      intervals.forEach(interval => clearInterval(interval));
    };
    // eslint-disable-next-line
  },[]);

这里有明显的我想念的东西吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

androidandroidjavascriptreactjsreactjswebviewwebview