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

轉(zhuǎn)載于:https://www.cnblogs.com/shangyixuan/p/10456305.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。