生命周期componentWillMount()
//在組件即將被掛載到頁(yè)面的時(shí)候自動(dòng)執(zhí)行componentDidMount()
//在組件被掛載到頁(yè)面之后叠蝇,自動(dòng)被執(zhí)行shouldComponentUpdate(nextProps,nextState){
//組件被更新之前自動(dòng)被執(zhí)行容客,默認(rèn)返回true
if(nextState.count !== this.state.count){?
? return true //可以渲染
? }
return false // 不可以渲染}
// shouldComponentUpdate 返回true則執(zhí)行斧账,返回false不執(zhí)行componentWillUpdate()
//在組件被更新之前,自動(dòng)執(zhí)行componentDidUpdate()
//在組件更新完成之后,自動(dòng)執(zhí)行componentWillReceiveProps()
//一個(gè)組件要沖父組件接受參數(shù)
//只要父組件的render函數(shù)被重新執(zhí)行了蛾扇,子組件的這個(gè)生命周期函數(shù)就會(huì)被執(zhí)行componentWillUnmount()
//當(dāng)這個(gè)組件即將被從頁(yè)面中剔除的時(shí)候會(huì)被執(zhí)行
掛載時(shí):
先執(zhí)行構(gòu)造器(constructor)
組件將要掛載(componentWillMount)
組件掛載渲染(render)
組件掛載完成(componentDidMount)
組件銷(xiāo)毀(componentWillUnmount)
組件內(nèi)部狀態(tài)更新:
組件是否應(yīng)該更新(shouldComponentUpdate)
組件將要更新(componentWillUpdate)
組件更新渲染(render)
組件更新完成(componentDidUpdate)
父組件重新 render:
調(diào)用組件將要接收新 props(componentWillReceiveProps)
組件是否應(yīng)該更新(shouldComponentUpdate)
組件將要更新(componentWillUpdate)
組件更新渲染(render)
組件更新完成(componentDidUpdate)注:只有在父組件狀態(tài)發(fā)生改變了,重新調(diào)用 render 時(shí)才會(huì)調(diào)用子組件的 componentWillReceiveProps 函數(shù)魏滚,父組件第一次引用子組件不會(huì)調(diào)用