1.初始化階段 (componentwillmount() || componentdidmount())
2.更新階段 (componentwillupdate() || componentdidupdate())
3.解除安裝階段 (componentwillunmount())
4.異常處理階段 (componentwillcatch())
componentwillmount :在渲染前呼叫,在客戶端也在服務端。
componentdidmount:在第一次渲染後呼叫,只在客戶端。之後元件已經生成了對應的dom結構,可以通過this.getdomnode()來進行訪問。
componentwillreceiveprops:在元件接收到乙個新的prop時被呼叫。這個方法在初始化render時不會被呼叫。
shouldcomponentupdate:返回乙個布林值。在元件接收到新的props或者state時被呼叫。在初始化時或者使用forceupdate時不被呼叫,可以在你確認不需要更新元件時使用。
componentwillupdate:在元件接收到新的props或者state但還沒有render時被呼叫。在初始化時不會被呼叫。
componentdidupdate:在元件完成更新後立即呼叫。在初始化時不會被呼叫。
componentwillunmount:在元件從 dom 中移除的時候立刻被呼叫。
React生命週期鉤子函式
定義 react中元件有生命週期,也就是說也有很多鉤子函式供我們使用,元件的生命週期,我們會分為四個階段,初始化 執行中 銷毀 錯誤處理 16.3之後 注意 生命週期鉤子函式一定不要寫成箭頭函式 react 16.x 版本中共有 10個鉤子函式 四個階段 分別為 1 constructor prop...
React的生命週期鉤子函式
一 react的生命週期鉤子函式舊版 掛載時,初始化階段 1 constructor 如果不初始化state或不進行方法繫結,則不需要為react元件實現建構函式 2 componentwillmount 以前在這裡進行請求資料,現在即將被廢棄 3 render 初次渲染元件的內容 4 compon...
react生命週期的鉤子函式
生命週期,鉤子函式 掛載階段 一 constructor 第乙個執行 1.可以初始化元件狀態 2.可以給一些事件函式繫結this 注意 不能再內部呼叫setstate constructor 不能在內部呼叫setstate this.handleclick this.handleclick.bind...