這個要是對vue的童鞋還是應(yīng)該很簡單的吧
在react的初學(xué)者中，這個還得稍微簡單思考下呢
在正常的元素中。想使用多個類名那么之際在class 中書寫就行了

<div class="test test1 demo2">div>

那么div 這個元素就會有 test. test1 demo2 這三個類名了

其實如果只是簡單的元素 我們在react中當(dāng)然也可以這樣做了
不過是吧 class 換成className

<div className="test test1 demo2">div>

但是在涉及到。css模塊化 或者 sass 和 less 模塊化 引入的方式還是會有點不同的
比如

import styles from "./index.less"

那么我們像運用多個類名

<div className={`${styles.test} ${styles.test1} ${styles.demo2}`}></div>

得寫成這樣了

其實 我們經(jīng)常會做的一種類名的切換 可能就是用來處理各個狀態(tài)然后顯示不同的顏色或者背景色這些東西
那么 就可以 通過變量值的判斷 來返回不同的類名就可以 比如下面的這種處理方式

function status(type) {
	if(type === 1) return styles.demo1;
	if(type === 2) return styles.demo2;
}

在實際的運用中 直接傳入 type 就可以了

<div className={status(1)}> div>

這樣就事半功倍了

關(guān)注我。持續(xù)更新前端知識。