css-modules

0熱

1答えて

CSSモジュールとリアクションコンポーネントを使用すると、CSSモジュールを正しく使用していないように感じられ、スタイルが矛盾しています

したがって、サイトのすべてのページのナビゲーションバーで使用する検索ボックスコンポーネントがあります。また、私は私が私のSCSSを変換するウェブパックでCSSモジュールを使用しています LocationSearchBox.js の下 import React, {PropTypes} from 'react' import {Button,FormGroup, FormControl} from

1熱

1答えて

React Componentは、インポートされたCSSモジュールのために認識されないclassNamesを追加します

現在、ReactとCSSモジュールを使用する大きなプロジェクトで作業しています。私は、リスト項目の束に「何でも並べ替える」反応を実装したいと思います。 'react-anything-sortable'は 'react-anything-component'内のすべての子に次のクラスを追加するので、これまで実装が停止していました：.ui-sortable、.ui-sortable-item、 .u

0熱

1答えて

Webpackを別のCSSファイルに分割する

私はwebpackとsassを使ってReactアプリケーションを書いています。今私はそれらを試してみたいCSS Modulesしかし、私はいくつかの問題に直面してきました。まず、私が理解するように、私は.scssモジュールを使用することができません。私の考えは.scssファイルを.cssファイルに変換することです（例えば、link.scss - > link.css、main.scss - > m

1熱

1答えて

SSRのReactコンポーネントでCSSモジュールとインラインスタイルを併用できますか？

isomorphic-css-loaderを使用して、サーバー側のレンダリングでCSSモジュールを動作させることができます。しかし、実際には、反応コンポーネントhtmlタグにインラインスタイルを動的に追加する必要があります。これは、cssモジュールのデフォルトスタイルのように、インラインスタイルの更新スタイルです。それを同時に使用することは可能でしょうか？ただSSRのラジウム+ CSSのモジュール

10熱

4答えて

複数のクラス名と私は動的に小道具からブール値に基づいて反応させ、コンポーネントにクラス名を設定するには、次のコードを使用してい

に反応： <div className={this.props.menuOpen ? 'inactive' : 'active'}> ... </div> をしかし、私はまた、CSSを使用していますモジュール、今私はにクラス名を設定する必要があります。 import styles from './styles.css'; <div className={styles.sideMenu}> ...

0熱

2答えて

Reactで対象のhtml要素の色を取得

reactを使用してhtml要素の色を取得しようとすると、私のreduxアクション/レデューサーに渡されます。 JSX <div> <button styleName="css_toggle" id ="css" onClick {this.handleClick}>CSS</button> </div> イベントハンドラ handleClick(e){ const{di

1熱

1答えて

CSSモジュールでパターンを定義する - c3.js折れ線グラフの中に画像があるように画像を修正する

私はc3.jsを使用しています。私のコンポーネントはCSSモジュールを使用しています。折れ線グラフの点の塗りつぶしを画像で修正したかったのです。私が追加したスタイルのCSSファイルで render(){ return ( <div> <defs> <pattern id="image" x="0" y="0" patternUnits="user