React行内样式的写法

使用React的行内样式设置样式

1、在JSX文件中定义样式变量,和定义普通的对象变量一样

let backAndTextColor = {
     
    backgroundColor:'blue',
    color:'#ff671b',
    fontSize:40
};

2、JSX的调用

<div style={
     backAndTextColor}>行内样式测试</div>

也可以直接写到JSX中,如下:

<div style={
     {
     backgroundColor:'blue',color:'#ff671b',fontSize:40}}>行内样式测试</div>