React js 生命週期

坐騎
更新
卸載

功能組件

安裝：
useEffect(() => {...}, [])：具有空依賴數組的 useEffect 鉤子僅在初始渲染後運行一次，類似於 componentDidMount。

更新：
useEffect(() => {...}, [dependencies])：當您將依賴項傳遞給useEffect 時，只要其中一個依賴項（狀態或屬性）發生更改，它就會運行，類似componentDidUpdate。
useState()：此鉤子更新狀態，觸發重新渲染。
useMemo() 和 useCallback()：這些鉤子透過記憶值和函數來幫助最佳化更新期間的表現。

卸載:
useEffect(() => {... return () => {...}})：您可以從 useEffect 傳回一個清理函數，以便在元件卸載時運行，類似於 componentWillUnmount。

類別組件

安裝：
建構子()
初始化組件、設定狀態並綁定方法。

getDrivedStateFromProps()
在渲染之前將狀態與道具同步。不常用。

渲染()
描述要渲染的內容 (UI) 並傳回 JSX。

componentDidMount()
元件掛載後呼叫（用於取得數據，設定
增加訂閱）。

更新：
getDrivedStateFromProps()
在渲染之前將狀態與道具同步（也在更新期間呼叫）。

shouldComponentUpdate()
決定是否需要重新渲染（用於效能最佳化）

渲染()
當狀態或屬性改變時重新渲染元件。

getSnapshotBeforeUpdate()
在 DOM 更改之前捕獲資訊（例如滾動位置）

componentDidUpdate()
在元件重新渲染後調用（對於與
互動很有用） DOM 或網路請求）。

卸載:
componentWillUnmount()
在元件從 DOM 移除之前呼叫（用於清理，
例如刪除訂閱）

錯誤處理
componentDidCatch()
捕獲子組件中的錯誤並允許錯誤處理（React
16).

以上是React js 生命週期的詳細內容。更多資訊請關注PHP中文網其他相關文章！