Classnames绑定和全局类

Question

这里是一个非常愚蠢的问题，我无法找到答案。

如何连接绑定的css模块类和全局类？

我有一个带有自己的CSS模块的组件，并将cx绑定到此导入：

import styles from '../styles/modules/break.module.scss'

let cx = classnames.bind(styles)

我需要写这样的东西：

<h1 className={(cx('highlight'), 'shout')}>
  Content
</h1>

[其中.highlight是break.module.scss的类，而shout是全局css表index.scss的类。

谢谢！

Answer 1

您需要在shout中添加cx类。所有类都应在cx函数内部传递，因为classnames库采用了classnames函数内部的所有类。

<h1 className={cx('highlight', 'shout')}>
  Content
</h1>