javascript - 有没有更好的方法将多个 css classNames 分配给 React 组件？

Question

我正在使用 css 模块，目前我将多个类分配给组件的方法是:

import {class1,class2 } from './styles.css'
<div><Link to = 'auth' className= {[`${class1} ${class2}`]} >Login</Link></div>

这看起来既不高效也不优雅。

Answer 1

您可以使用类名(如官方 React 文档所述)

github 链接:https://github.com/JedWatson/classnames

const class = {class1:true,class2:onlyIfFalgisTrue};

然后你就可以把它当作

<div><Link to = 'auth' className= {class} >Login</Link></div>