生命週期函數:在某一個時候,組件會自動執行的函數 

 

 

Mounting:組件第一次被掛載的流程,順序如下

componentwillMount():在組件即將被掛載到頁面之前自動執行(還沒被掛載之前) 
render():頁面的掛載 

componentDidMount():在組件被掛載到頁面的之後自動執行(已經被掛載) 

Updation 更新的函數(組件第一次被掛載後)

shouldComponentUpdate(nextProps, nextState):組件被更新前會自動執行(組件需要被更新嘛?) 
返回值:true要更新,false不更新 


componentWillUpdate():
組件被更新之前會自動執行,但是在shouldComponentUpdate返回true之後才執行, shouldComponentUpdate返回false就不會被執行 


componentDidlUpdate():組件更新完成之後會自動執行

componentWillReceiveProps(nextProps, nextContext): 
一個組件從父組件接收參數,只要父組件的render函數被重新執行了,子組件的這個生命週期函數就會被執行, 如果這個組件第一次存在於父組件中,不會被執行; 如果這個組件之前已經存在於父組件中,才會被執行 

Unmounting 從頁面移件的函數(組件掛載後)

componentWillUnmount():當這個組件即將被從頁面中移除的時候,會被執行 
 

arrow
arrow
    創作者介紹
    創作者 bingzhichen 的頭像
    bingzhichen

    空境界

    bingzhichen 發表在 痞客邦 留言(0) 人氣()