使用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>