>[danger]React：react生命周期 自 React 16 版本開始，React 引入了新的生命周期 API ，其中包括了 `getDerivedStateFromProps`、`getSnapshotBeforeUpdate` 等新方法。 以下是 React 16 及以上版本中的生命周期方法列表： 1. `constructor(props)`：React 組件初始化構造函數，一般用于初始化 state 以及綁定 this。 2. `static getDerivedStateFromProps(props, state)`：該生命周期方法適用于在 props 發生改變時，根據新的 props 計算出新的 state 值。 3. `render()`：渲染組件，該方法是 React 組件必須實現的唯一一個方法。 4. `componentDidMount()`：組件掛載后調用的方法，在該方法中可以進行 DOM 操作或發起 AJAX 請求等操作。 5. `shouldComponentUpdate(nextProps, nextState)`：該方法返回值決定組件是否需要重新渲染。通過比較 nextProps 和 nextState 與當前 this.props 和 this.state 的值，確定是否需要進行重新渲染。 6. `getSnapshotBeforeUpdate(prevProps, prevState)`：該生命周期方法可以在組件更新前獲取到最新的 DOM 信息（如滾動位置等），返回值會作為 componentDidUpdate 方法的第三個參數 snapshot 傳遞給 componentDidUpdate。 7. `componentDidUpdate(prevProps, prevState, snapshot)`：組件更新后調用的方法，在該方法中可以進行 DOM 操作或發起 AJAX 請求等操作。 8. `componentWillUnmount()`：組件即將卸載時調用的方法，在該方法中可以進行一些清理操作，例如移除事件監聽器、取消 AJAX 請求等。 9. `static getDerivedStateFromError(error)`：該生命周期方法可以捕獲子組件中的錯誤，并返回一個新的 state 對象以展示錯誤信息。 10. `componentDidCatch(error, info)`：該生命周期方法與 `getDerivedStateFromError` 配合使用，用于在組件內部捕獲錯誤并處理。 總之，React 16 及以上版本中的生命周期 API 更加豐富和靈活，可以更好的控制組件的渲染過程和錯誤處理。（注意：React 17 版本取消了少數生命周期鉤子的 UNSAFE_ 前綴）。 參考文獻： [1] [React 官方文檔](https://reactjs.org/docs/react-component.html)