当前位置: 首页 > news >正文

React之组件的生命周期

React之组件的生命周期

  • 一、概述
  • 二、整体说明
  • 三、挂载阶段
  • 四、更新阶段
  • 五、卸载阶段

一、概述

  • 生命周期:一个事务从创建到最后消亡经历的整个过程
  • 组件的生命周期:组件从被创建到挂载到页面中运行,再到组件不用时卸载的过程
  • 意义:理解组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等
  • 钩子函数的作用:为开发人员在不同阶段操作组件提供了时机
  • 注意:只有 类组件 才有生命周期

在这里插入图片描述

二、整体说明

  • 图示说明
    在这里插入图片描述

三、挂载阶段

  • 执行时机 组件创建时(页面加载时)
  • 执行顺序
    在这里插入图片描述
    在这里插入图片描述

四、更新阶段

  • 执行时机:1. setState() 2. forceUpdate() 强制组件更新 3. 组件接收到新的props(实际上,只需要父组件更新,子组件就会重新渲染)
  • 以上三者任意一种变化,组件就会重新渲染
  • 执行顺序
    在这里插入图片描述
    在这里插入图片描述

五、卸载阶段

  • 执行时机:组件从页面中消失
    在这里插入图片描述
http://www.lryc.cn/news/101962.html

相关文章:

  • linux -网络编程-多线程并发服务器
  • Golang之路---02 基础语法——字典
  • Pytorch(三)
  • Linux——进程控制
  • 剑指 Offer 59 - I. 滑动窗口的最大值 / LeetCode 239. 滑动窗口最大值(优先队列 / 单调队列)
  • 【Linux后端服务器开发】IP协议
  • React组件进阶之children属性,props校验与默认值以及静态属性static
  • ceph集群中RBD的性能测试、性能调优
  • texshop mac中文版-TeXShop for Mac(Latex编辑预览工具)
  • 简单认识redis高可用实现方法
  • 搭建git服务器
  • 线程中断机制
  • CollectionUtils工具类的使用
  • 基于Nonconvex规划的配电网重构研究(Matlab代码实现)
  • yolo系列笔记(v4-v5)
  • 小白如何高效刷题Leetcode?
  • 使用IDEA打jar包的详细图文教程
  • 《MySQL 实战 45 讲》课程学习笔记(二)
  • 微软亚研院提出模型基础架构RetNet或将成为Transformer有力继承者
  • 探索单例模式:设计模式中的瑰宝
  • Bobo String Construction 2023牛客暑期多校训练营4-A
  • 【React学习】React父子组件通讯
  • NASM汇编
  • 第三章 HL7 架构和可用工具 - 使用 HL7 架构结构页面
  • spring注解驱动开发(一)
  • Vue3搭建启动
  • 阻塞队列(模拟实现)
  • VScode中python的相对路径与绝对路径 FileNotFoundError: [Errno 2] No such file or directory
  • Unity XML2——C#读写XML
  • 带wiringPi库的交叉编译 ---宿主机x86Ubuntu,目标机ARMv8 aarch64(香橙派)