React App中重复的setInterval事件

如何解决React App中重复的setInterval事件

对于上下文，我有一个在平板电脑上的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
  },[]);

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