React生命周期

React生命周期

组件更新 (组件状态改变)新一轮render

shouldComponentUpdate(newPros,newState)

componentWillUpdate

componentDidUpdate

组件注册

getDefaultProps

getInitialState

componentWillMount

render()

componentDidMount

组件消亡

ReactDOM.unmountComponentAtNode(destination) 去调用组件消亡生命周期函数

componentWillUnmount 定时器等一些收尾工作在这里取消掉

更改state

componentWillReceiveProps(newProps)【react v.17废弃 推荐(getDerivedStateFromProps)】

shouComponentUpdate()

componentWillUpdate()

componentDidUpdate()

参考阅读

React新生命周期--getDerivedStateFromProps

理解React组件生命周期

React getDerivedStateFromProps方法

原文地址:https://www.cnblogs.com/marvelousone/p/12699961.html