React 鉤子函式

2021-09-26 22:48:50 字數 690 閱讀 8061

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...