React入門知識點整理

2021-09-12 01:32:09 字數 1475 閱讀 7101

1:jsx是:

2:jsx的特點

3:jsx語法

不能使用語句的解決方案: 用三元表示式:

var helloworld = react.createclass(

}});react.render(

,document.body );

複製**

通過變數賦值的方式:

var helloworld = react.createclass(else

},render: function

() }

});react.render( "hmy" />

,document.body );

複製**

直接把變數去掉,在大括號中呼叫函式; 使用比較運算子:或||:

var helloworld = react.createclass(

}});react.render( "hmy"/>

,document.body);

複製**

4.非dom屬性:dangerouslysetinnerhtmlrefkey

5.注意點

1:元件的生命週期:

2:不同生命週期內可以自定義的函式

執行中階段

銷毀階段

3:api

props(properties簡寫):屬性往往與生俱來、無法自己改變的;在react中,元件本身是不能修改自己屬性,父元件能夠修改它的屬性,它也可以修改子元件的屬性;

第一種:

=> 例如:"tim" |  |  | 

複製**

第二種:

var props = 

複製**

第三種: 不常用

var instance =react.render(,document.body);

instance.setprops();

複製**

狀態是由事物自行處理、不斷變化的,在react中,狀態是事物的私有屬性,乙個事物狀態怎麼樣,如何改變狀態都是由事物自己決定,父元件,子元件都沒有權利改變它的狀態;狀態只跟元件本身相關,既不跟父元件相關,也不跟子元件相關

屬性和狀態對比

描述屬性

狀態能否從父元件獲取初始值能不能

能否由父元件修改能不能

能否在元件內部設定預設值能能

能否在元件內部修改不能能

能都設定子元件的初始值能不能

能都修改子元件的值能不能

3: 區分方法

元件在執行時需要修改的資料就是狀態

事件物件屬性

剪下:鍵盤:

焦點:

css入門知識點整理

css入門知識點整理 css其實就分為兩個東西,乙個是選擇器,另外乙個是宣告。宣告定義了某個物件的屬性的值,這都是html的內容。重點要關注的是選擇器。顧名思義,選擇器就是用來 選擇 html中的元素的。通過定義選擇器可以選出html文件中的某些元素,然後把它們的樣式變成宣告中的。css的格式長這樣...

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...

知識點整理

一 標準庫容器和演算法 1.順序容器 與前面類似 2.關聯容器 map和multimap 元素包含key 鍵 和值 value 兩部分 按照鍵對元素排序 map不允許重複元素出現,但multimap可以 set和multliset 是包含已排序物件的關聯容器 只是單純的鍵的集合 set不允許重複鍵出...