react生命周期-新增与替换
class A extends React.Component {
// 用于初始化 state
constructor() {}
// 用于替換 `componentWillReceiveProps` ,該函數(shù)會(huì)在初始化和 `update` 時(shí)被調(diào)用
// 因?yàn)樵摵瘮?shù)是靜態(tài)函數(shù),所以取不到 `this`
// 如果需要對(duì)比 `prevProps` 需要單獨(dú)在 `state` 中維護(hù)
static getDerivedStateFromProps(nextProps, prevState) {}
// 判斷是否需要更新組件,多用于組件性能優(yōu)化
shouldComponentUpdate(nextProps, nextState) {}
// 組件掛載后調(diào)用
// 可以在該函數(shù)中進(jìn)行請(qǐng)求或者訂閱
componentDidMount() {}
// 用于獲得最新的 DOM 數(shù)據(jù)
getSnapshotBeforeUpdate() {}
// 組件即將銷(xiāo)毀
// 可以在此處移除訂閱,定時(shí)器等等
componentWillUnmount() {}
// 組件銷(xiāo)毀后調(diào)用
componentDidUnMount() {}
// 組件更新后調(diào)用
componentDidUpdate() {}
// 渲染組件函數(shù)
render() {}
}
轉(zhuǎn)載于:https://www.cnblogs.com/shangyixuan/p/10456305.html
總結(jié)
以上是生活随笔為你收集整理的react生命周期-新增与替换的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: MAC 隐藏功能
- 下一篇: [2019BUAA软件工程]第1次阅读作