在React上使用段并调用“ analytics.default.track”错误“超出最大调用堆栈大小”

Question

我正在使用react-segment，并且在我的.js文件中

//1. the following is initialised once
let analytics = require('react-segment');

//2. the following is called each time the user does something
analytics.default.load("CODE");
analytics.default.track('EVENT', {});

第一次调用（2.），同时将页面和跟踪事件发送到段。第二次只有加载调用（页面事件）通过，我得到了错误

  

未捕获的RangeError：超出了最大调用堆栈大小

注意：即使我禁用混合面板集成，也会发生这种情况

Answer 1

最有可能在组件setState中调用render()方法，甚至更糟的是直接修改状态。因此，每个渲染都会导致状态修改，从而导致渲染等等。将状态修改逻辑移至componentDidUpdate或componentDidMount