类名绑定和全局类

Question

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

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

我有一个带有他自己的 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 的 class 而 shout 是全局 css sheet 的 class index.scss.

谢谢！

Answer 1

您需要在 cx 中添加 shout class。所有 classes 都应该在 cx 函数中传递，因为 classnames 库在 classnames 函数中包含所有 classes。

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

Classnames Bind and global classes