react里面 内联css样式怎么样_在react中如何写内联样式

在react中如何写内联样式

很多人写着React，随着业务变多，会有需求设置inline style：

● React里面，style不能写成string，而是定义为对象

● 对象的key是css样式名，采用小驼峰命名

具体使用如下：

Document

var styleObj = {

color: 'red',

fontSize: '30px',

margin: '20px'

};

// 使用React.createElement方法创建节点对象

var vDiv = React.createElement('div', { style: styleObj }, '你好, 我是小D')

// 然后使用ReactDOM.render方法渲染

ReactDOM.render(vDiv, document.querySelector('#app'));

本文来自React答疑栏目，欢迎学习！