react设置style是需要一个object对象的
var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
但有的时候,我们需要显示原生的style,比如接口里面返回的
"topOne": { "title": "测试悬赏", "style": "font-weight: bold;color: #3C9D40;background-color: #3300CC;", "url": "http://xxx.com" }
然后正确的姿势依旧是需要把string转为object对象
handleStyle(style) { let newStyle = {}; if (style) { for (let v of style.split(';')) { let arr = v.split(':'); newStyle[arr[0].replace(/-(.)/, function(w,v) { return v.toUpperCase(); })] = arr[1]; } } return newStyle; } <span className="notice" style={this.handleStyle(msg.style)}>{msg.title}</span>
相关推荐
React组件的css选择器
?React组件的CSS构造函数
React.js所需的三个js文件
reactnative可用css样式】1
react-css-variables一个用于设置CSS变量的React组件
react-dom.js
react-inline-css - 在你的React组件内写CSS
支持类选择器 支持css简写等 css注释 错误信息跟踪 自定义变量
帮助支持大家一起学习React,链接永久免费有效! react.development.js react-dom.development.js babel.min.js prop-types.js 希望大家获取资源后可以点赞关注加评论三连!
将纯CSS转换为(可选自动前缀)React样式的属性映射。 用法 /** @jsx React.DOM */ var React = require ( "react" ) ; var fromCSS = require ( "react-css" ) . fromCSS ; /* Pre-compute the CSS to avoid ...
react,babel,react-dom三个包的整合,实现react环境的搭建
react + 高德地图的示例及引入高德react组件react-Amap
开发react必须的react.development.js文件,react-dom.development.js文件,方便开发人员快速开发,react js用的最新版本16.13
人力资源管理项目,antd+react前端,重置浏览器默认样式
听说你在找react-dom.development.js这个文件,在带走它前记得收藏加点赞、听说你在找react-dom.development.js这个文件,在带走它前记得收藏加点赞、听说你在找react-dom.development.js这个文件,在带走它前记得...
React作用域CSS 用于ReactCSS封装解决方案 为什么 为了解决css封装的问题,主要有两种方法,css-modules和css-in-js。 但是,它们两个都有很大的问题。 开发人员的体验不好,这意味着您经常需要编写比实现简单样式...
博客 http://blog.csdn.net/u013148839/article/details/50160181
建立react项目必要导入的三个js包,网上比较难找所以在这里统一打包,为大家学习react更加方便
react-dom插件
react-native-css React-native-css将有效CSS转换为CSS的Facebook子集。 Babel插件 很棒的@ danilosterrapid7为React-native-css创建了一个babel插件: 版本2 随着版本2的到来,新的变化: 删除sass / scss支持,...