状態変更後にdivレンダリングを

Question

ここで新規ユーザーが反応します。

私はreactjs要素<PlayStopBtn/>を持っています。基本的には、クリックごとにSTARTまたはSTOPの表示を切り替えるだけです。私の反応要素は次のようになります：

var PlayStopBtn = React.createClass({ 
    getInitialState: function() { 
     return {data: null}; 
    }, 
    onClick: function(event) { 
     if(this.state.data == "running") 
      this.setState({data: "stopped"}); 
     else 
      this.setState({data: "running"}); 
    }, 
    render: function() 
    { 
     return (<div>{this.state.data == "running" ? "START" : "STOP"}</div>); 
    } 
}); 

ただし、要素がレンダリングされると、STOPが表示され、要素をクリックしても何も行われません。間違ったことをやっているのですか、反応を教えて要素を再レンダリングする必要がありますか？

Answer 1

あなたはのonClickハンドラに

<div onClick={this.onClick}>{this.state.data == "running" ? "START" : "STOP"}</div>