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的名稱和地點的價值，你可以使用任何條件將返回true or false，如果條件將是true然後隱藏將被應用，否則它將被忽略。