react生命週期詳解

2021-09-29 14:48:36 字數 1015 閱讀 1147

1、生命週期指的是元件從初始化開始到結束的過程 或者是生命週期是描述react元件從開始到結束的過程

2、每個react元件都具有生命週期

3、react都對元件通過生命週期給予的鉤子函式進行管理

指的是系統某些狀態和引數發生改變的時候,系統立馬去通知對應處理的函式 叫做鉤子函式。

一方面有變動。另一方面立馬去處理;去處理的函式就叫鉤子函式。

react元件經歷總體階段:

1(載入階段)、mounted階段 載入階段 或者說初始化階段 這個階段元件由jsx轉換成真實dom。

2(元件執行中/更新階段)、update階段 元件執行中階段 或者更新階段 當元件修改自身狀態,或者父元件修改子元件屬性的時候發生的階段。

3(銷毀階段)、umount階段 元件解除安裝階段 這個一般是元件被瀏覽器**的階段。

1.例項化

getdefaultprops 取得預設屬性

getinitialstate 初始化狀態

componentwillmount 即將進入dom

render 描畫dom

componentdidmount 已經進入dom

2、具體的宣告函式週期—執行中階段 資料更新過程執行中階段只有在父元件修改了子元件的屬性或者說乙個元件修改自身的狀態才會發生的情況

1、元件將要接受新值componentwillreceiveprops(已載入元件收到新的引數時呼叫)

2、元件是否更新 shouldcomponentupdate (影響整個專案的效能,決定檢視的更新)

3、元件即將更新 componentwillupdate

4、必不可少的render

5、元件更新完畢時執行的函componentdidupdate

3、銷毀時 componentwillunmount

解除安裝元件:reactdom.unmountcomponentatnode(『節點』)

React生命週期詳解

前言 學習react,生命週期很重要,我們了解完生命週期的各個元件,對寫高效能元件會有很大的幫助.ract生命週期 react 生命週期分為三種狀態 1.初始化 2.更新 3.銷毀 初始化 1 getdefaultprops 設定預設的props,也可以用dufaultprops設定元件的預設屬性....

React生命週期詳解

react生命週期 一 舊版 二 新版 從圖中,我們可以清楚知道react的生命週期分為三個部分 例項化 存在期和銷毀時。舊版生命週期如果要開啟async rendering,在render函式之前的所有函式,都有可能被執行多次。舊版的react生命週期看圖就可以啦,我們就不詳細講解了,下面我們來詳...

react生命週期詳解

react的生命週期從廣義上分為三個階段 掛載 渲染 解除安裝 因此可以把react的生命週期分為兩類 掛載解除安裝過程和更新過程。react的生命週期圖 react生命週期圖 constructor 中完成了react資料的初始化,它接受兩個引數 props和context,當想在函式內部使用這兩...