扫描二维码下载沐宇APP

沐宇

微信扫码使用沐宇小程序

沐宇
沐宇首页 互联网技术知识问答 react生命周期的执行顺序是什么

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

扬州沐宇科技
2024-02-22 17:26:30
React

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

相关问答

扫码添加客服微信