参考链接:https://www.jianshu.com/p/0ebc54255259
在 React 中,使用 className 引入样式的时候,可能会引入多个样式。类似于原生的
<div class="style_a style_b style_c">
</div>
react 中的 className 引入多个样式
方式一
className 利用 ${ }
如下面的方式引用了 mystyle.bigBtn 和 mystyle.largeSpace 样式
<Button className={`${mystyle.bigBtn} ${mystyle.largeSpace}`}
type="primary"
onClick={this.commit()}>提交</Button>
方式二
className join
className={[mystyle.bigBtn,mystyle.largeSpace].join(' ')}
方式三
利用classnames库
npm install classnames --save
<div className=classnames({
'class1': true,
'class2': true
)>
</div>