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屬性:dangerouslysetinnerhtml、ref、key
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不允許重複鍵出...