如何在 React 中有條件地應用類別屬性？

在React 中有條件地應用類別屬性

問題

您正在嘗試根據從a 傳遞的prop 有條件地顯示或隱藏按鈕組父組件。但是，類別屬性中的條件邏輯導致了預期的行為。

解

要在React 中正確應用類別屬性，請確保包含條件邏輯的大括號位於字串外部.

<div className={"btn-group pull-right " + (this.props.showBulkActions ? 'show' : 'hidden')}>

在修正後的程式碼中：

• 大括號位於字串外部，因此條件邏輯在字串內求值。
• 括號周圍的條件邏輯對於確保正確執行是必要的。
• 在「pull-right」後面加上一個空格，以避免意外提供類別「pull-rightshow」而不是「pull-right show」。

透過這些調整，條件類別屬性將如預期執行，根據 showBulkActions 屬性的值顯示或隱藏按鈕群組。

以上是如何在 React 中有條件地應用類別屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！