react学习（四）之设置css样式篇react中设置css样式
⽅法⼀：
⾏内样式：使⽤{{  }}，与正常jsx中插⼊js代码不⼀样，这⾥需要两个括号。
<div style={ { float: 'right',} }>
{ derButton() }
css表格样式</div>
样式⽐较多的话不建议使⽤该⽅法。
可以使⽤⽅法⼆
⽅法⼆：
在jsx⽂件中定义样式变量，
let buttonStyle = {  //定义style变量
backgroundColor: 'blue',
float: 'left' as 'left', //哎，了半天源码，好神奇。
width:'230px',
border: '1px solid blue',
padding:'5px',
margin: '10px',
marginLeft: '213'
}
//jsx调⽤
<div style={ buttonStyle }>  //此时使⽤⼀个花括号
{ derButton() }
</div>
⽅法三：
正常写css⽂件，然后引⼊，
import './style.css';
<div className="sty1">看背景颜⾊和⽂字颜⾊</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。