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

lewis 2017-01-03 19次阅读

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()


发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。