JSX css到内联样式
JSX css到内联样式
提问于 2016-07-23 02:56:36
我正在使用React，我需要能够获取css对象文字并将其转换为字符串。对于添加到style标记的样式对象，React会自动执行此操作。React或其他库中是否有可用于将对象文字转换为css字符串的函数？
例如，我需要获取一个看起来像这样的文字：
{
fontSize: '4em',
zIndex: 2,
marginLeft: '-.5em'
}并将其转换为css字符串：
"font-size: 4em; z-index: 2, margin-left: -.5em"做这项工作最好的工具是什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2018-05-09 10:33:15
你可以用react-style-object-to-css来实现
Stack Overflow用户
发布于 2016-07-23 03:03:31
下面是一个非常简单的浏览器ES5转换例程：
function o2s(o){
var elm=new Option;
Object.keys(o).forEach(function(a){elm.style[a]=o[a];});
return elm.getAttribute("style");
}
// test/usage:
o2s({
fontSize: '4em',
zIndex: 2,
marginLeft: '-.5em'
});
// == "font-size: 4em; z-index: 2; margin-left: -0.5em;"这种方法还可以自我验证CSS规则，并适用于任何已知的供应商前缀和非标准属性。
Stack Overflow用户
发布于 2016-07-23 03:00:54
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38533544
复制相关文章
相似问题
腾讯云开发者
