が反応：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(); 
}