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

标签 css reactjs isomorphic-javascript server-side-rendering react-starter-kit

React Starter KitIsomorphic CSS style loader for Webpack我如何传入样式对象而不是类名?

我们目前可以这样做:

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

我想知道我们是否可以做这样的事情:

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

我正在寻找一种在服务器端呈现时也适用的解决方案。

最佳答案

我想,您想将一段 CSS 转换为内联样式对象?例如。 .comp { border: 1px 纯红色; } 将变为 { comp: { borderWidth: 1px, borderStyle: 'solid', borderColor: 'red' }。对于此任务,您可能需要搜索另一个 NPM 包(css-loaderisomorphic-style-loader 旨在解决不同的问题)。尝试 Radium .

关于css - React Starter Kit - 传入样式对象而不是类名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35480690/

相关文章:

javascript - 如何将 setTimeout() 与 React Hooks useEffect 和 setState 一起使用?

reactjs - React.js,如何将多部分/表单数据发送到服务器

javascript - Aurelia:同构?

node.js - react 应用程序 : Using Node/express as middle-end proxy server

css - 我的某个页面上的 CSS 出现问题,页面换行似乎略微向左跳转

html - 防止容器包装,让其子容器包装

html - UI - 将文本框显示为下拉列表(只是外观)

reactjs - Nextjs 公用文件夹下一个路由不工作

javascript - 在手持设备上禁用悬停事件

node.js - 在 iis 上运行 react isomorphic