javascript - if else 条件使用 classNames

Question

有一个包叫做 classNames .我尝试使用它来隐藏用户切换选项卡时的显示，我可以传入这样的表达式而不是使用标志检查真假吗？

<div className={classNames("tab", {(this.state.selectedTab === 2), "hide"})}>
//content
</div>

但是上面的代码是行不通的。

Answer 1

我想，你可以这样使用它:

className={classNames("tab", {"hide": this.state.selectedTab === 2})}

原因是，key 将是 class 的名称，您可以使用任何返回 的 condition 代替 value >true 或 false，如果条件为 true，则隐藏将被应用，否则将被忽略。