問題タブ [react-css-modules]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - グローバル変数に基づいてcssをロードする方法をルーターに反応させる
以下を使用して静的反応SPAを作成するノードプロジェクトがあります。
- 反応ルーター
- 戻ってきた
- ポストカード
- 反応-css-モジュール
現在、グローバル css ファイルと各コンポーネントのモジュラー css に読み込まれます。開始時に、「theme-1」または「theme-2」となるグローバル テーマ変数をフェッチします。テーマ変数の値に基づいて、同じ名前だが異なるディレクトリ パスの異なる css ファイルをロードしたい、例:
テーマが「theme-1」の場合、「/css/themes/ theme1 /Component.css」をインポートします。Else テーマが「theme-2」の場合、「/css/themes/ theme2 /Component.css」をインポートします。
これを達成する方法はありますか？
私が見る限り、モジュールのインポートは if/else ステートメントでラップできないことに注意してください。
reactjs - デコレータ付きのreact-css-modulesが機能しない
ここに示すように、react css モジュールで機能するデコレータ構文を取得しようとしています。 https://github.com/gajus/react-css-modules#decorator
関数構文を使用して react-css-modules を動作させました。
CSSModules(Table, styles)
ただし、デコレータを使用する場合、たとえば
@CSSModules(styles)
export default class extends React.Component {}
何もインスタンス化されていないようで、エラーもスローされません。babel-plugin-syntax-decorators をロードしました。
何が欠けている可能性がありますか？ありがとう！！
reactjs - css-modules で react-infinite-calendar を使用する
個人的なプロジェクトにreact-infinite-calendarコンポーネントを使用したいと思います。CSSを取得していません。react-css-modulesを使用しているため、webpack の構成に問題があると思います。
誰かがそれを機能させるために私が何をする必要があるかを教えてもらえますか?
私のwebpack構成は次のとおりです。
私の日付セレクターコンポーネントは次のとおりです。
javascript - Internet Explorer 11 で Map.prototype.set が未定義で返される
反応アプリケーションを構築し、react-css-modules を使用しようとしています。FF と Chrome ではすべて正常に動作しますが、IE11 では次の問題が発生し、ページの読み込み時に次の例外メッセージが表示されます。
未定義または null 参照のプロパティ「セット」を取得できません
問題は、 stylesIndexMapが未定義のままになる、react-css-modules のgenerateAppendClassname (37 行目) で発生するようです。以下の操作でマップが未定義になるようです。
stylesIndexMap = stylesIndex.set(styles, new _simpleMap2.default());
理論的には、Map.set は IE11 の下でもマップ自体を返す必要があります。誰かが問題を理解するのを手伝ってくれますか?
javascript - React.js とスタイリング - ベスト プラクティス
うまくいけば、これは人々を助けることができる質問です.
私は React.js の初心者であり、React シングル ページ アプリのスタイリングにどのアプローチを使用するかをまだ考えています。
ここに私が読んだいくつかのドキュメントがあります：
インライン: https://facebook.github.io/react/tips/inline-styles.html
インラインかどうかについての議論 (かなり古い投稿): https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/
または、このような興味深いモジュール性でさえ: https://medium.com/@jviereck/modularise-css-the-react-way-1e817b317b04#.bs7pbqj4j
最後に: http://reactcss.com/
コンポーネントごとに .scss ファイルを提唱しています。これは、コンポーネント JS (のみ) にインポートしてそこで使用できます。モジュールの観点からは、最も近いように聞こえます。ただし、それが時間の経過とともに再利用性とスケーラビリティを確保するための最良の方法であるかどうかはわかりません。
任意の入力と視点を歓迎します。
ありがとう！