の値を5秒間表示してからリセットする

Question

「show jackpot」をクリックすると、ボタンの代わりに値が5秒間表示され、元の状態に戻ります。

ボタンを元の状態に戻すことができません。だれでも助けてくれますか？

状態をcomponentWillUnmountにリセットする必要がありますか？

componentDidMount: function() { 

this.serverRequest = $.get(this.props.source, function(result) { 
    this.setState({ 
    data: result 
    });}.bind(this)); 
}, 
componentWillUnmount: function() { 
    this.serverRequest.abort(); 
}, 

私はこのような fiddle

何か一例として、これを持っていますか？

setState: function() { 
    this.setState({ 
      clicked: !this.state.clicked 
     }, this.delayState()); 
    }, 

    delayState: function() { 
     setTimeout((function() { 
      this.setState({ 
      clicked: !this.state.clicked 
      )} 
     }).bind(this), 2000); 
     }, 

     handleClick: function(event) { 
     this.setState(); 
     }, 

Answer 1

setStateコールバック機能を使用できます。したがって、最初に状態を設定し、コールバックのタイマーを設定して状態を再び更新します。

https://facebook.github.io/react/docs/interactivity-and-dynamic-uis.html