首頁 > web前端 > js教程 > 主體

react元件有哪些階段

王林
發布: 2020-12-02 17:17:38
原創
2084 人瀏覽過

react元件有Initialization、Mounting、Updating、Unmounting和Error Handing等五個階段。其中Error Handing階段屬於錯誤處理階段。

react元件有哪些階段

本文環境:windows10、react16,本文適用於所有品牌的電腦。

(學習影片分享:react影片教學

在元件生命週期中有四個不同的階段:

Initialization:在這個階段,組件準備設定初始化狀態和預設屬性。

Mounting:react 元件已經準備好裝載到 DOM 上。這個階段包含 getDerivedStateFromProps 和 componentDidMount 生命週期方法。

Updating:在這個階段,元件透過兩種方式進行更新,發送新的屬性和更新狀態。這個階段包含 getDerivedStateFromProps,shouldComponentUpdate,getSnapshotBeforeUpdate 和 componentDidUpdate 生命週期方法。

Unmounting:在這個階段,元件已經不再被需要了,他從瀏覽器 DOM 卸載下來。這個階段包含 componentWillUnmount 生命週期方法。

除以上四個常用生命週期外,還有一個錯誤處理的階段:

Error Handling:在這個階段,不論在渲染的過程中,還是在生命週期方法中或是在任何子元件的建構函數中發生錯誤,該元件都會被呼叫。這個階段包含了 componentDidCatch 生命週期方法。

相關推薦:js教學

#

以上是react元件有哪些階段的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板