学堂 学堂 学堂公众号手机端

React生命周期的执行顺序如下: 初始化阶段(Mounting):组件被创建并插入到DOM中 constructor() staticgetDerivedStateFromProps() render() componentDidMount() 更新阶段(Updating):组件的props或state发生变化,导致重新渲染

lewis 1年前 (2024-03-14) 阅读数 4 #技术

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

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

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


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

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

    • staticgetDerivedStateFromError()
    • componentDidCatch()
版权声明

本文仅代表作者观点,不代表博信信息网立场。

热门