React 元件的生命週期

2021-07-30 08:00:04 字數 393 閱讀 1631

在react中,元件不是真實的 dom 節點(組織頁面/文件的物件被組織在乙個樹形結構中,用來表示文件中物件的標準模型就稱為dom),而是存在於記憶體之中的一種資料結構—虛擬 dom 。只有當它插入文件以後,才會變成真實的 dom 。

因此,reacet元件的生命週期由以下三段組成:

與之對應以下五種處理函式:

其中,每個狀態對應兩種處理函式:will/did。

will 函式在進入狀態之前呼叫,did 函式在進入狀態之後呼叫。

componentwillmount在頁面被渲染之前執行,也就是在render方法之前執行,一般在中觸發請求資料的方法。

componentdidmount類似js中的window.onload,執行在render方法之後,也就是頁面的元件渲染完畢之後。

React元件生命週期

元件的所有狀態結合起來就成了元件的生命週期。即 初始化階段 執行中階段 銷毀階段。不同生命週期內可以自定義的函式 初始化階段 getdefaultprops 獲取預設屬性,只呼叫一次,是在createclass之後呼叫的。例項之間共享引用 getinitialstate 初始化每個例項的特有初始化狀...

React元件生命週期

首次例項化 例項化完成後的更新 元件已存在時的狀態改變 生命週期共提供了10個不同的api。1.getdefaultprops 作用於元件類,只呼叫一次,返回物件用於設定預設的props,對於引用值,會在例項中共享。2.getinitialstate 作用於元件的例項,在例項建立時呼叫一次,用於初始...

React 元件生命週期

在本章節中我們將討論 react 元件的生命週期。元件的生命週期可分成三個狀態 生命週期的方法有 這些方法的詳細說明,可以參考官方文件。以下例項在 hello 元件載入以後,通過 componentdidmount 方法設定乙個定時器,每隔100毫秒重新設定元件的透明度,並重新渲染 varhello...