if else使用classNames条件

Question

有一个名为classNames的软件包。当用户切换选项卡时，我尝试使用它隐藏显示，我可以传入这样的表达式而不是使用标记检查true或false吗？

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

但上面的代码不起作用。

Answer 1

我想，您可以像这样使用它：

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

原因是，key将是class的名称，如果有条件，您可以使用任何条件来返回true or false。将true然后将应用隐藏，否则将被忽略。