classNamesを使用するelse条件の場合

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の名前になりますし、値の代わりにあなたがtrue or falseを返します任意の条件を使用することができ、場合条件はtrueとなり、hideが適用されます。それ以外の場合は無視されます。