react元件有哪些階段

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

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

（學習影片分享：react影片教學）

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

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

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

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

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

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

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

相關推薦：js教學

#

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