react-生命周期

组件生命周期大体上分为三个阶段：1.组件初始化2.组件更新3.组件卸载

旧版生命周期

一、

componentWillMount()

render()

componentDidMount()

二、

componentWillReceiveProps(nextProps)

shouldComponentUpdate(nextProps,nextState)

componentWillUpdate(nextProps,nextState)

render()

componentDidUpdate(prevProps,prevState,snapShot)

三、componentWillUnmount()

新生命周期

一、

static getDerivedStateFromProps(nextProps,preState){

返回值为一个对象,并维护到状态中***必须有这个返回值，可以返回一个空对象

可用于将父组件传来的props维护到状态中

取代

componentWillReceiveProps()

componentWillMount()

componentWillUpdate()

二、getSnapShotBeforeUpdate(prevProps,prevState){

返回值将作为componentDidUpdate()第三个参数