css - React Starter Kit - 传入样式对象而不是类名

Question

使用React Starter Kit的Webpack 同构 CSS 样式加载器，我如何传入样式对象而不是类名？

我们目前可以这样做：

<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旨在解决不同的问题）。试试镭。