react中設置css樣式

方法一：

行內樣式：使用{{? }}，與正常jsx中插入js代碼不一樣，這里需要兩個括號。

<div style={ { float: 'right',} }>{ this.renderButton() } </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 }> //此時使用一個花括號{ this.renderButton() } </div>

方法三：

正常寫css文件，然后引入，

import './style.css'; <div className="sty1">看背景顏色和文字顏色</div>

?

轉載于:https://www.cnblogs.com/yadiblogs/p/9233240.html

總結

以上是生活随笔為你收集整理的react学习(四)之设置 css样式 篇的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。