三元运算符中的Reactjs状态不会更改

Question

我正在尝试根据组件状态更改元素。我正在使用三元运算符来确定应该显示的内容。

在渲染功能中我正在做这样的事情

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

并单击handler只是使用this.setState更新状态。

任何人都知道为什么这不起作用？

我可以在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>;
},