React使用css module设置className多类名

import globals from '../../public/styles/globals.module.scss'

单类名设置

<div className={globals.channelLink}>联系我们</div>

多类名设置

方式1:

<div className={[`${globals.link}`,`${globals.width20}`].join(' ')}>

方式2:

<div className={`${globals.link} ${globals.width20}`}>

需要注意的是{{}}里面放的是javascript表达式，所以如果样式的命名是带有横杆- 则不能使用.操作符，要使用[]操作符，如

<div className={`${globals['link-s']} ${globals['width-20']}`}>

https://www.cnblogs.com/crazycode2/p/9249125.html