2

この答えがどこにも見つからないようです！基本的にCSSモジュールを使用しており、ファイルをインポートしています。CSS ファイルの例を次に示します。

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

そして、これまでの JS ファイルの内容は次のとおりです。

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

に 2 つのクラスを追加する方法がわかりclassNameません。以下は機能しません。

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

助けてください、どうすれば2つのクラスを1つの要素に配置できますか?

4

1 に答える 1

3

スタイルは単なる文字列であるため、テンプレートまたは文字列連結を使用できます。

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

また

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

また

<div className={ [styles.class1, styles.class2].join(' ') }>
于 2016-08-14T22:45:43.207 に答える