react 为组件添加样式

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>