React

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

小亿
93
2024-02-22 17:26:30
栏目: 编程语言

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

0
看了该问题的人还看了