Javascript 在className下有两个类的元素

我似乎在任何地方都找不到这个答案！基本上，我使用CSS模块，并导入文件。以下是CSS文件的一个示例：

.class1 {
  ...
}
.class2 {
  ...
}

下面是我目前在JS文件中的内容：

import styles from './header.scss';
export const Header = () => (
  <div className={styles.class1}>
    ...
  </div>
);

---

请帮助，我如何实现将两个类放在一个元素上？

样式只是字符串，因此您可以使用模板或字符串连接：

<div className={ `${styles.class1} ${styles.class2}` }>

或

或

哦，天哪，我真不敢相信事情会这么简单！在你给出的第一个例子中，我的否决票是偶然发生的，但我现在不能删除它。如果你编辑你的帖子，我会删除否决票。

<div className={ `${styles.class1} ${styles.class2}` }>

<div className={ styles.class1 + ' ' + styles.class2 }>

<div className={ [styles.class1, styles.class2].join(' ') }>