react里面 内联css样式怎么样_在react中如何写内联样式
在react中如何写内联样式
很多人写着React,随着业务变多,会有需求设置inline style:
● React里面,style不能写成string,而是定义为对象
● 对象的key是css样式名,采用小驼峰命名
具体使用如下:
Documentvar 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答疑栏目,欢迎学习!
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
