阵营：的setState只能更新安装或安装组件

Question

我需要在我的组件超时内的setState，所以我这样做：

componentDidMount() { 
    this.timeouts.push(setTimeout(() => { 
    this.setState({ text: 2 }); 
    }, 4000)); 
} 

componentWillUnmount() { 
    this.timeouts = []; 
} 

但我发现了这个错误：

Warning: setState(...): Can only update a mounted or mounting component. 
This usually means you called setState() on an unmounted component. 
This is a no-op. 

我在做什么错？

Answer 1

更改您的componentWillUnmount以正确清除超时。您需要使用clearTimeout清除超时而不是清空数组。

componentDidMount() { 
    this.timeouts.push(setTimeout(() => { 
    this.setState({ text: 2 }); 
    }, 4000)); 
} 

clearTimeouts: function() { 
    this.timeouts.forEach(clearTimeout); 
} 

componentWillUnmount() { 
    this.clearTimeouts(); 
}