【React】生命周期

官方文档

State & 生命周期 – React

旧生命周期

通过上述的图大致描绘了整个React的生命周期的大致流程

同时在每个阶段都会由属于那个阶段自身的操作，通过那些操作便可以激活该阶段的操作

初始化阶段

1. constructor()
2. componentWillMount() 
3. render()
4. componentDidMount()

 更新阶段

1. shouldComponentUpdate()
2. componentWillUpdate()
3. render()
4. componentDidUpdate()

 卸载阶段

1. componentWillUnmount()

 当对应的函数被执行时，对应的生命周期就会被触发。

（componentWillReceiveProps在初始渲染时并不会执行，只有在二次渲染且值改变时才会执行）

新生命周期

新生命周期的区别，可以查看官方文档，主要是在18以后不可以使用

React.Component – Reacthttps://zh-hans.reactjs.org/docs/react-component.html

 新的生命周期中存在两个新的function，或者说和旧的不一样

1.  React.Component – React

static getDerivedStateFromProps(props, state)

 使用的条件就是如果state的值在任何时候都取决于props的时候，便可使用

2. React.Component – React

getSnapshotBeforeUpdate(prevProps, prevState)

 这个最主语用于在重新更新前的一个记录，就是为了获取更新前的数据