width/height/fontSize:可以直接写数字：
style={ width:200,height:200 }
其他带数字的可以：数字+'px'
style={
lineHeight:20+'px'
}
1.直接在组件上写，内嵌:双括号:style={{}}
<div style={{ width:'20px' , fontSize:'20px' }} ></div>
2.定义变量后使用：
const divStyle={
backgroundColor:'skyblue',
}
<div style={ divStyle } ></div>
3.同时使用内联+变量：可以使用Object.assign()方法
Object.assign( 目标对象，需要复制属性的对象1，需要复制属性的对象2，......)：将一个或者多个对象中的属性复制到目标对象，返回对象，不改变被复制的对象，只改变目标对象
eg：Object.assign(objA,objB,objC)=>将objB和objC中的属性全部复制到objA中，objA原有的属性保留
const style2={
border:'1px solid red'
}
<div style={ Object.assign( {color:'red'} , style2) } ></div>
4.添加css文件，使用类名控制样式:
.box{
fon-size:20px;
}
<div className='box'></div>