React 組件生命週期(lifecycle methods)

React 組件生命週期(lifecycle methods)是 React 應用程式中重要的一環，它可以讓開發者控制組件的渲染和更新，以及在應用程式中執行一些操作。

React 組件生命週期可以分為三個階段：初始化、更新和消滅。每個階段都有一系列的方法，可以讓開發者在每個階段執行不同的操作。

初始化階段

初始化階段是 React 組件生命週期中的第一個階段，在這個階段中，React 會執行以下方法：

• constructor()：在組件被初始化時執行，可以在這個方法中設定組件的初始狀態。
• getDerivedStateFromProps()：在組件被初始化時和更新時執行，可以在這個方法中根據 props 更新組件的狀態。
• render()：在組件被初始化時和更新時執行，可以在這個方法中渲染組件的 UI。
• componentDidMount()：在組件被渲染到 DOM 中時執行，可以在這個方法中執行非同步操作，例如請求伺服器資料。

更新階段

更新階段是 React 組件生命週期中的第二個階段，在這個階段中，React 會執行以下方法：

• getDerivedStateFromProps()：在組件被初始化時和更新時執行，可以在這個方法中根據 props 更新組件的狀態。
• shouldComponentUpdate()：在組件被更新時執行，可以在這個方法中決定組件是否要更新。
• render()：在組件被初始化時和更新時執行，可以在這個方法中渲染組件的 UI。
• getSnapshotBeforeUpdate()：在組件被更新之前執行，可以在這個方法中擷取組件的狀態。
• componentDidUpdate()：在組件被更新之後執行，可以在這個方法中執行非同步操作，例如請求伺服器資料。

消滅階段

消滅階段是 React 組件生命週期中的第三個階段，在這個階段中，React 會執行以下方法：

• componentWillUnmount()：在組件被從 DOM 中移除時執行，可以在這個方法中執行清理操作，例如清除定時器。

React 組件生命週期的方法可以讓開發者控制組件的渲染和更新，以及在應用程式中執行一些操作，是 React 應用程式中不可或缺的一部分。