React生命周期
一、react組件的生命周期
1桦山、生命周期指的是組件從初始化開(kāi)始到結(jié)束的過(guò)程? 或者是生命周期是描述react組件從開(kāi)始到結(jié)束的過(guò)程
2、每個(gè)react組件都具有生命周期
3蜡励、react都對(duì)組件通過(guò)生命周期給予的鉤子函數(shù)進(jìn)行管理
二隆圆、鉤子函數(shù)
指的是系統(tǒng)某些狀態(tài)和參數(shù)發(fā)生改變的時(shí)候,系統(tǒng)立馬去通知對(duì)應(yīng)處理的函數(shù)? ? 叫做鉤子函數(shù)镀岛;一方面又變動(dòng)弦牡。另一方面立馬去處理
三、react組件經(jīng)歷總體階段
1漂羊、mounted階段? 加載階段? 或者說(shuō)初始化階段? 這個(gè)階段組件由jsx轉(zhuǎn)換成真實(shí)dom
2驾锰、update階段 組件運(yùn)行中階段 或者更新階段? 當(dāng)組件修改自身狀態(tài),或者父組件修改子組件屬性的時(shí)候發(fā)生的階段
3走越、umount階段? 組件卸載階段? 這個(gè)一般是組件被瀏覽器回收的階段
四椭豫、生命周期整體流程:
1、實(shí)例化
getDefaultProps 取得默認(rèn)屬性
getInitialState 初始化狀態(tài)
componentWillMount 即將進(jìn)入dom
render 描畫(huà)dom
componentDidMount 已經(jīng)進(jìn)入dom
2旨指、具體的聲明函數(shù)周期---運(yùn)行中階段? 數(shù)據(jù)更新過(guò)程
運(yùn)行中階段只有在父組件修改了子組件的屬性或者說(shuō)一個(gè)組件修改自身的狀態(tài)才會(huì)發(fā)生的情況
1捻悯、組件將要接受新值componentWillReceiveProps(已加載組件收到新的參數(shù)時(shí)調(diào)用)
2、組件是否更新 shouldComponentUpdate? (影響整個(gè)項(xiàng)目的性能淤毛,決定視圖的更新)
3今缚、組件即將更新 componentWillUpdate
4、必不可少的render
5低淡、組件更新完畢時(shí)運(yùn)行的函數(shù) componentDidUpdate
3姓言、銷毀時(shí) componentWillUnmount
卸載組件
ReactDOM.unmountComponentAtNode(‘節(jié)點(diǎn)’)