如何将类名与 css 模块样式名一起使用?

问题描述

如何在 Reactjs 中的 CSS 模块类中添加 bootstrap 类。

我尝试添加如下内容,但不起作用:

<div className="col-sm-2 col-xs-12,{styles.divide}">

解决方法

由于css模块样式名称的值是字符串,你可以简单地这样做:

<div className={`col-sm-2 col-xs-12 ${styles.divide}`}>

语法 some string ${someVar} 是字符串 template literals