在使用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>