三元運算符中的Reactjs狀態不變

Question

我試圖根據組件狀態更改元素。我使用三元運算符來確定應顯示的內容。

在渲染功能，我正在做這樣的事情

<li onClick={this.handleClick}>{(this.state.route) ? "active" : ""}</li>

，並單擊處理程序使用this.setState剛剛更新的狀態。

任何人有一個想法，爲什麼這不工作？

工作示例我simplefied的問題都可以在這裏jsfiddle

Answer 1

發現此代碼爲我的jsfiddle：

render: function() { 
    return <div> 
     <ul> 
      <li onClick={this.change}>elem1 
      {this.state.activeRoute==="elem1"?"active":""}</li> 
      <li onClick={this.change}>elem2 
      {this.state.activeRoute==="elem2"?"active":""}</li> 
     </ul> 
    </div>; 
},