setTimeoutを連続的に使用して状態をreactjsで変更する

Question

setTimeoutメソッドを使用してループ内の状態を変更しようとしています。私は問題が別の5秒後で、この

setTimeout(() => { 
      this.setState({ 
       postType: 'image_poll' 
      }); 
     }, 5000); 

のように達成することができました5秒で状態を変更したいこの

constructor(){ 
     super(); 

     this.state = { 

      postType:'star_rating' 

     } 

    } 

のように私のコンストラクタでデフォルトの状態を宣言していることそれを別の状態に変更する必要があります。さらに5秒後、最初から状態の変更を繰り返す必要があります。 だから、結論に状態がこの

Aのように変更する必要があります - 継続的にこれが起こるはず.......> C - > B - > C - > A - > B - > C - > A - > B 。これどうやってするの？

Answer 1

これは単純な状態マシンです。これは、1つの可能な実装です：

setTimeout(() => { 
    this.setState(getNextState()); 
}, 5000); 

と

getNextState() { 
    if (this.state.postType === 'star_rating') 
    return { postType: 'image_poll' }; 
    if (this.state.postType === 'image_poll') 
    return { postType: 'third_state' }; 
    return { postType: 'star_rating' }; 
}