1. 程式人生 > >react入門筆記三(元件的樣式)

react入門筆記三(元件的樣式)

1.設定元件的樣式的型別

樣式定義的型別有三鍾方式:

內聯式

物件樣式

選擇器樣式

 

2.使用內聯的方式去定義元件的樣式

react使用內聯樣式定義時與h5的不同

樣例

3.使用物件的樣式去定義元件樣式

先定義樣式的物件

去模板內使用

4.使用選擇器的樣式去定義元件樣式

需要注意的是我們在定義的時候不能像h5一樣,直接使用class而要使用className,

同樣的還有使用htmlFor去替換for

5.執行效果如下