react 中使用多个className

在使用react写项目的时间，遇到多个className的需求（一个是全局样式，一个是三目运算控制的）

第一种

多种公共样式

<div className='className_first className_second'></div>

第二种

多种公共样式 && 引入的样式

<div className= ` className_first className_second ${styles.btnPeacetime}`></div>

第三种

多种公共样式 && 逻辑运算显示样式名

<div className={`pointer ${benType ? styles.activeBtn : `${styles.btnPeacetime}`}`}></div>