Time: 20190717
React的組件數(shù)據(jù)分成兩種:
- prop
- state
prop和state的改變,都會引起組件的重新渲染仪召。
原則:prop是對外的接口寨蹋,state是組件的內(nèi)部狀態(tài)。
為組件賦值
<SampleButton id="sample" borderWidth={2} onClick={onButtonClick} style={{color: "red"}}/>
為SampleButton
定義了id
, borderWidth
, onClick
和style
四個prop
扔茅。
所以可以將prop
類比為HTML元素的屬性已旧,不過prop
能支持的類型很豐富,除字符串外咖摹,可以是任何JS支持的數(shù)據(jù)類型评姨。
注意,當(dāng)prop
不是字符串類型時,必須用{}
包圍起來吐句。
這是JSX的語法胁后。
外部世界向組件傳遞數(shù)據(jù)時,可以用prop
嗦枢,反之攀芯,組件向外部世界反饋數(shù)據(jù)時,也可以用prop
文虏。具體方式是侣诺,父組件交給子組件一個回調(diào)函數(shù),子組件調(diào)用函數(shù)時帶上必要的參數(shù)氧秘,就將信息傳遞給外部世界年鸳。
TBD.