javascript - 用三元运算符有条件地应用类

我有一个Button组件，如果状态为“ true”，我想为其分配一个活动类。

<Button
    onClick={this.preferenceHandler.bind(this, "straight")}
    className={"col-sm-12 text-center " + (this.state.straight ? "active") }
    viewStyle=  "primary"
>
    <h4>Straight</h4>
    <i className="icon icon-ok-6"></i>
</Button>

最佳答案

您需要在其中输入错误的表达式：

className={"col-sm-12 text-center " + (this.state.straight ? "active" : "") }