react 标签内部样式写法总结

react 行内样式总结

1.常规写法

<div style={{width:"100%"}}>常规写法</div>

2.三元表达式

<div style={{color:`${true:'red':'blue'}`}}>三元表达式</div>

3.对象写法

const divStyle ={
 	backgroundColor:'blue',
    color:'#ff671b',
    fontSize:40
   }
 <div style={divStyle}>对象写法</div>

4.变量控制

 <div style={{opacity:`${变量}`}}>变量控制</div>