react-css-modules

2熱

1答えて

は、これまでのところ、私はReduxのは、「接続」状態でコンポーネントを接続するために使用してきた、私は私のコンポーネント以下の方法をエクスポートしてReduxのから「接続」反応-CSS-モジュールを使用するには、しかし、私は、各コンポーネントには、次のエクスポートを使用してそれを実行する必要があります： export default CSSModules(ComponentTitle, styl

2熱

1答えて

反応-CSS-モジュール飾ら成分とFlowtypeを使用

エラーメッセージを表示するための単純な部品である： // @flow import styles from 'styles/components/Error'; import React from 'react'; import CSSModules from 'react-css-modules'; type Props = { message: string } co

6熱

2答えて

テスト

私はここでReact CSS modules を使用するサンプルにFooコンポーネントであるコンポーネントの生成されたクラスをテストしようとしています： import React from 'react'; import CSSModules from 'react-css-modules'; import styles from './Foo.css'; const Foo = ({ c

3熱

1答えて

レスポンスCSSモジュールを使用したeslint

私はReact CSSモジュールをプロジェクトに追加しようとしていますが、私はeslintに問題があります。 import React, { PropTypes as T } from 'react'; import {ButtonToolbar, Button} from 'react-bootstrap'; import Messages from '../Messages/Mes

2熱

1答えて

WebpackとSass-Loaderファイルのインポート順

Reactについて少し調べて、CSS/SCSSモジュール処理のためにsass-loaderを試し始めました。 Iすでに完全なセットアップのほとんどをしましたが、私は私が対処する方法が本当にわからない問題を抱えて、私は次のシナリオでそれを提示： ComponentA.jsx import React from 'react'; import ComponentB from './app/compo

2熱

1答えて

私はグローバルのstyle.cssでこれを持っている

CSSモジュールと反応するコンポーネントに@apply使用方法：：反応するコンポーネントのはstyle.cssでこれを :root { --font: { font-family: "Source Sans Pro", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smo

0熱

2答えて

CSSモジュールは、インポートリターンは私が内部の反応CSSモジュールを使用しようとしていますが、それが動作していない

を空のオブジェクト。このコードのログ： import React from 'react' import styles from '../../css/test.css' class Test extends React.Component { render() { console.log(styles) return ( <div class

0熱

1答えて

レスポンスCSSモジュールでグローバル設定ファイルを作成するには

私は自分のCSSスタイルで使用する色やその他の設定を保存するだけのファイルが必要です。なぜなら私は異なるファイルで同じ色を複数回指定したくないからです。どのように私はCSSモジュールでそれを達成することができますか？例えば： setting.css $primary-color: #785372; $secondary-corlor: #22b390; （CSSモジュールと組み合わせて使用

0熱

1答えて

どうすれば使用できますか？グローバルなCSSクラス - CSSモジュール

私はreactjsプロジェクトにCSSモジュールを使用しています。ここで私はグローバルなCSSクラスを使用しようとしている私のファイルです： <div class='site-wrapper'></div> <div class='site-wrapper-title'>Hello World</div> ここに私のStyles.cssをは :global{ .site-wrapp

2熱

3答えて

react-css-modulesを使用しているときにqueryselectorでクラスをターゲットにする方法

React-css-modulesは、スタンドアロンコンポーネントを使用しているときに名前の衝突を制限するために、すごいね。しかし、DOMがロードされ、アニメーション用のクラスをターゲットにする必要がある場合、たとえば、css-modulesが登場するクラス名は、部分的にはランダム化されます。どうすればこのように進むことができますか？