css - React Starter Kit - クラス名の代わりにスタイル オブジェクトを渡す

Question

React Starter KitのIsomorphic CSS style loader for Webpackでは、クラス名の代わりにスタイル オブジェクトをどのように渡すのでしょうか?

現在、これを行うことができます：

<div className={s.root}>...</div>

次のようなことができるのではないかと思います。

<FooBar style={s.root.toObject} />

サーバー側のレンダリング時にも機能するソリューションを探しています。

Answer 1

CSS の一部をインライン スタイル オブジェクトに変換したいと思いますか? たとえば.comp { border: 1px solid red; }、 になり{ comp: { borderWidth: 1px, borderStyle: 'solid', borderColor: 'red' }ます。このタスクでは、別の NPM パッケージを検索することをお勧めします (両方ともcss-loader別isomorphic-style-loaderの問題を解決することを目的としています)。ラジウムを試してみてください。