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

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

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

其實如果只是簡單的元素 我們在react中當然也可以這樣做了
不過是吧 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>

得寫成這樣了

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

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

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

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

這樣就事半功倍了

關注我。持續更新前端知識。