TA貢獻1934條經驗 獲得超2個贊
雖然三元運算符可以解決此問題，但如果您有多個需要使用此類邏輯的實例，則可以創(chuàng)建一個函數(shù)來接受類名列表并返回真值。
const cx = (...args) => args.filter(Boolean).join(' ')
<Component className={cx(classes.password, special && classes.specialPassword)} />如果您不想編寫自己的cx函數(shù)，您還可以使用以下提供相同功能和更多功能的庫之一：
TA貢獻1836條經驗 獲得超4個贊
只需在${}中使用反引號和三元運算符并在其中執(zhí)行條件即可。
className={`${props.password ? classes.password : '404class'}`}
className={`${props.password && classes.password}`}
TA貢獻1847條經驗 獲得超7個贊
這就是我們如何通過 JSX 實現(xiàn)這一目標的。
className={`${isStateValue ? classes.password: classes.password2 classes.password3}`}這是正在使用的三元運算符。如果您有更多條件，您甚至可以使用嵌套三元。
舉報