React Starter Kit - 传入样式对象而不是 class 名称
React Starter Kit - passing in style object instead of class name
使用 React Starter Kit's Isomorphic CSS style loader for Webpack 我如何传入样式对象而不是 class 名称?
我们目前可以这样做:
<div className={s.root}>...</div>
我想知道我们是否可以做这样的事情:
<FooBar style={s.root.toObject} />
我正在寻找一种在服务器端呈现时也适用的解决方案。
我假设,您想将一段 CSS 转换为内联样式对象?例如。 .comp { border: 1px solid red; }
会变成 { comp: { borderWidth: 1px, borderStyle: 'solid', borderColor: 'red' }
。对于此任务,您可能需要搜索另一个 NPM 包(css-loader
和 isomorphic-style-loader
都旨在解决不同的问题)。试试 Radium.
使用 React Starter Kit's Isomorphic CSS style loader for Webpack 我如何传入样式对象而不是 class 名称?
我们目前可以这样做:
<div className={s.root}>...</div>
我想知道我们是否可以做这样的事情:
<FooBar style={s.root.toObject} />
我正在寻找一种在服务器端呈现时也适用的解决方案。
我假设,您想将一段 CSS 转换为内联样式对象?例如。 .comp { border: 1px solid red; }
会变成 { comp: { borderWidth: 1px, borderStyle: 'solid', borderColor: 'red' }
。对于此任务,您可能需要搜索另一个 NPM 包(css-loader
和 isomorphic-style-loader
都旨在解决不同的问题)。试试 Radium.