記錄
-
組件創(chuàng)建方法
- 工廠函數(shù)組件
function MyComponent(){ //return 虛擬DOM return '<h1></h1>' }-ES6類組件
Class MyComponent extends React.Component { render(){ return '<h1></h1>' } } React事件與HTML原生事件不同拼窥，比如onClick與onclick;
-
this.handleClick = this.handleClick.bind(this);
bind() 方法創(chuàng)建一個新的函數(shù)玄妈，在 bind() 被調(diào)用時，這個新函數(shù)的 this 被指定為 bind() 的第一個參數(shù)宙拉，而其余參數(shù)將作為新函數(shù)的參數(shù)祝蝠，供調(diào)用時使用灶平。
即把原h(huán)andleClick方法中的this用Component的實(shí)例this代替后賦值給handleClick,然后才能用來獲取Component實(shí)例中的state振定；
當(dāng)你遇到需要同時獲取多個子組件數(shù)據(jù)，或者兩個組件之間需要相互通訊的情況時唆迁，需要把子組件的 state 數(shù)據(jù)提升至其共同的父組件當(dāng)中保存佳鳖。之后父組件可以通過 props 將狀態(tài)數(shù)據(jù)傳遞到子組件當(dāng)中。這樣應(yīng)用當(dāng)中所有組件的狀態(tài)數(shù)據(jù)就能夠更方便地同步共享了媒惕。
在 React 中，有一個命名規(guī)范来庭，通常會將代表事件的監(jiān)聽 prop 命名為 on[Event]妒蔚，將處理事件的監(jiān)聽方法命名為 handle[Event] 這樣的格式。
每次只要你構(gòu)建動態(tài)列表的時候，都要指定一個合適的 key肴盏，組件的 key 值并不需要在全局都保證唯一科盛，只需要在當(dāng)前的同一級元素之前保證唯一即可
開發(fā)小技巧
- 通過在js代碼中加入debugger來打斷點(diǎn)
