React16 4以上生命週期 新

2021-10-22 16:07:41 字數 884 閱讀 6046

當元件例項被建立並插入 dom 中時,其生命週期呼叫順序如下:

constructor()

static getderivedstatefromprops()

render()

componentdidmount()

componentwillmount 即將在v17.0版本廢棄,慎用!

getinitialstate\getdefaultprops 已被棄用

當元件的 props 或 state 發生變化時會觸發更新。元件更新的生命週期呼叫順序如下:

static getderivedstatefromprops()

shouldcomponentupdate()

render()

getsnapshotbeforeupdate()

componentdidupdate()

componentwillreceiveprops 即將在v17.0廢除!

componentwillupdate 即將在v17.0廢除!

當元件從 dom 中移除時會呼叫如下方法:

componentwillunmount()

當渲染過程,生命週期,或子元件的建構函式中丟擲錯誤時,會呼叫如下方法:

static getderivedstatefromerror()

componentdidcatch()

componentdidcatch 未來將被廢棄!

react16 4新特性(生命週期變化)

按照官方文件 該方法只要父元件呼叫了render方法就會呼叫 會判斷oldprops newprops 換句話來說,對於父元件沒有render,子元件的該生命週期就不會呼叫。遺留方法 unsafe componentwillmount 取消unsafe componentwillmount 的原因 ...

react新的生命週期

class a extends react.component 用於替換 componentwillreceiveprops 該函式會在初始化和 update 時被呼叫 因為該函式是靜態函式,所以取不到 this 如果需要對比 prevprops 需要單獨在 state 中維護 static get...

React 生命週期 生命週期方法

生命週期 掛載 更新 解除安裝 元件被建立 執行初始化 並被掛載到dom中,完成元件的第一次渲染 constructor props getderivedstatefromprops props,state render componentdidmount 元件被建立時會首先呼叫元件的構造方法,接受...