1

反応アプリをスタイリングしています。私はwebpackでcss-modulesを使用しています。これが私の設定です：

{ test: /\.css$/, loaders: ["style", "css?modules"] },

コンポーネントのスタイルを設定し、コーヒーを作りましたが、動作しません。だから私は使用したいスタイルシートを持っています。私はそれをインポートしています：

import styles from "./search.css";

しかし、コンポーネントの内部を壊すと、styles定義されていません。私のスタイルはどれも現在適用されていません。これが私がそれをどのように使用しているかの例です:

// the chrome inspector only shows the first two styles, the last is not there
<div className={["col-md-2", "col-lg-1", styles.startTimes]}>

なぜstyles空になるのですか？

4

1 に答える 1

2

最後にそれを解決しました。これは正しい構文ではありません:

<div className={["col-md-2", "col-lg-1", styles.startTimes]}>

classNamesを使用し、代わりに次のようにします。

<div className={cx("col-md-2", "col-lg-1", styles.startTimes)}>

また、CSS ではクラス名のみを使用する必要があります。タグ名を直接スタイルする場合 (h1など)、これらはローカルに適用されません。

于 2016-01-14T20:14:00.757 に答える