2016-09-30 13 views
2

私はUIコンポーネントを表示し、ユーザーがそれらのコンポーネントの色を変更できるWebpackのReact/Reduxアプリケーションで作業しています。私はscssでCSSモジュールを使ってスタイリングしています。 JSでインラインスタイルを行うのではなく、すべてのスタイルをscssファイル内に保存することをお勧めします。 Reactコンポーネントのプロパティを対応するscssファイルに渡す方法を探しています。JSONをReassJSのSassに渡すにはどうすればいいですか?

たとえば、私はReactの小道具からボタンの色を取得しています。私はそれをSass変数に変えてscssファイルに注入する方法を見つける必要があります。これを達成する方法はありますか?

答えて

0

react-css-themrを使用することをお勧めします。これにより、ユーザーの選択に基づいてクラス名を割り当てることができます。または、適切なscssを選択するためにcontext-themingを使用してコンポーネントに適用することができます。

これは、良い例を見たい場合は、素材コンポーネントをテーマにしたプロジェクトのために使用されます。react-toolbox

関連する問題