react生命周期函数渲染循序

本文主要是介绍react生命周期函数渲染循序，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

挂载，当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下
constructor()，static getDerivedStateFromProps(不常用)，render()，componentDidMount()
getDerivedStateFromProps 会在调用 render 方法之前调用，并且在初始挂载及后续更新时都会被调用。它应返回一个对象来更新 state，如果返回 null 则不更新任何内容。

更新，当组件的 props 或 state 发生变化时会触发更新。组件更新的生命周期调用顺序如下
static getDerivedStateFromProps()，shouldComponentUpdate()，render()，getSnapshotBeforeUpdate()，componentDidUpdate()

卸载，当组件从 DOM 中移除时会调用如下方法
componentWillUnmount()

错误处理，当渲染过程，生命周期，或子组件的构造函数中抛出错误时，会调用如下方法
static getDerivedStateFromError()，componentDidCatch()

这篇关于react生命周期函数渲染循序的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---