1. 程式人生 > 其它 >react如何引入css  公司中介機構

react如何引入css  公司中介機構

引入方法有:1、行內樣式;2、宣告樣式,行內樣式類似,區別只是宣告一個變數儲存樣式表繫結給style屬性;3、import引入,React元件一般是一個資料夾,資料夾裡包含對應的js和css,只要在js中引入同級的css即可。
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
測試資料
//報錯
在React中,如果直接按上面的方式寫內聯樣式會直接報錯,因為JSX語法不支援,React支援以下三種寫css的方法:
1.行內樣式
...
width:'200px',
height:'80px',
backgroundColor:'yellow',
fontSize:'24px',
textAlign:'center'
}}>測試資料
...
2.宣告樣式
宣告樣式和行內樣式類似,區別只是宣告一個變數儲存樣式表繫結給style屬性。

...
width:'200px',
height:'80px',
backgroundColor:'yellow',
fontSize:'24px',
textAlign:'center'
}}>測試資料
...
3.import引入
一個React元件一般就是一個資料夾,資料夾裡包含對應的js和css,只要在js中引入同級的css即可。
1
import './mystyle.css';