react中动态添加类名className(css modules)

react中动态添加类名className(css modules)

添加多个类名可以使用：
先导入css modules

import styles from './style.module.css'

// 第1种 直接加上一个空格的字符串
className={style.name0ne + ' ' + style.nameTwo}
// 第2种 数组用逗号隔开，然后用join(' ')替换成空格
 className={[style.name0ne, style.nameTwo].join(' ')}
// 第3种 直接使用模板字符串
 className={`${style.name0ne} ${style.nameTwo}`}

如果类名为一个变量，可用（用中括号[]将变量包裹起来）

// 第1种 直接加上一个空格的字符串
className={style.name0ne + ' ' + style[nameVar]}
// 第2种 数组用逗号隔开，然后用join(' ')替换成空格
 className={[style.name0ne, style[nameVar]].join(' ')}
// 第3种 直接使用模板字符串
 className={`${style.name0ne} ${style[nameVar]}`}