React 生命周期流程简介（1）

React生命周期

前言

在React中组件的生命周期会经历三个过程：

• 挂载（Mount），第一次在DOM树渲染
• 更新（Update），组件被重新渲染
• 卸载（Unmount），组件在DOM树中删除

这里是不同阶段生命周期执行顺序：

初始化：

在组件初始化阶段会执行

1. constructor
2. static getDerivedStateFromProps()
3. componentWillMount() / UNSAFE_componentWillMount()
4. render()
5. componentDidMount()

更新阶段：

props或state的改变可能会引起组件的更新，组件重新渲染的过程中会调用以下方法：

1. componentWillReceiveProps() / UNSAFE_componentWillReceiveProps()
2. static getDerivedStateFromProps()
3. shouldComponentUpdate()
4. componentWillUpdate() / UNSAFE_componentWillUpdate()