react总结之最新的生命周期函数

一个组件存在生命周期,在一个阶段中存在一个函数,使得我们在开发中,可以在组件的生命周期中做我们想要做的事情,简单的表述为:组件一般都是有挂载->更新->销毁这三个过程.Angular和Vue的组件生命周期函数也是一样的!

挂载阶段

----  挂载阶段
react最新的生命周期函数
constructor:构造函数,最先被执行,通常在构造函数中初始化state对象,或者给自定义的方法绑定this
getDerivedStateFromProps:静态方法,当接收到新的属性值的时候,如果需要对state进行修改,可以在此函数中操作,类似之前的生命周期函数componentWillMount
render: 返回需要渲染的东西
componentDidMount:组件挂载完成,已经可以获取到DOM

更新阶段

----  更新阶段
getDerviedStateFromProps: 组件更新阶段都会执行的函数
shouldComponentUpdate: 组件是否需要更新,默认返回值是true,返回false,组件不进行更新
render():返回需要渲染的东西
getSnapshotBeforeUpdate(): 组件将要更新前执行,一般和componentDidUpdate
componentDidUpdate:组件更新之后被调用,,一般和getSnapshotBeforeUpdate搭配使用

销毁阶段

---- 销毁阶段
componentWillUnmount: 组件将要销毁,这里做的最多的是用于清除定时器