react生命周期的执行顺序是什么

avatar
作者
筋斗云
阅读量:1

React生命周期的执行顺序如下:

  1. 初始化阶段(Mounting):组件被创建并插入到DOM中

    • constructor()
    • static getDerivedStateFromProps()
    • render()
    • componentDidMount()
  2. 更新阶段(Updating):组件的props或state发生变化,导致重新渲染

    • static getDerivedStateFromProps()
    • shouldComponentUpdate()
    • render()
    • getSnapshotBeforeUpdate()
    • componentDidUpdate()
  3. 卸载阶段(Unmounting):组件被从DOM中移除

    • componentWillUnmount()
  4. 错误处理阶段(Error Handling):组件渲染过程中出现错误

    • static getDerivedStateFromError()
    • componentDidCatch()

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!