class A extends React.Component {
// 用于初始化 state
constructor() {}
// 用于替換 `componentWillReceiveProps` ，該函數會在初始化和 `update` 時被調用
// 因為該函數是靜態函數，所以取不到 `this`
// 如果需要對比 `prevProps` 需要單獨在 `state` 中維護
static getDerivedStateFromProps(nextProps, prevState) {}
// 判斷是否需要更新組件，多用于組件性能優化
shouldComponentUpdate(nextProps, nextState) {}
// 組件掛載后調用
// 可以在該函數中進行請求或者訂閱
componentDidMount() {}
// 用于獲得最新的 DOM 數據
getSnapshotBeforeUpdate() {}
// 組件即將銷毀
// 可以在此處移除訂閱，定時器等等
componentWillUnmount() {}
// 組件銷毀后調用
componentDidUnMount() {}
// 組件更新后調用
componentDidUpdate() {}
// 渲染組件函數
render() {}
}

轉載于:https://www.cnblogs.com/shangyixuan/p/10456305.html

總結

以上是生活随笔為你收集整理的react生命周期-新增与替换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。