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

React之组件的生命周期

news 2026/5/22 21:08:39

React之组件的生命周期

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

一、概述

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

在这里插入图片描述

二、整体说明

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

三、挂载阶段

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

四、更新阶段

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

五、卸载阶段

  • 执行时机：组件从页面中消失
    在这里插入图片描述

相关文章：

React之组件的生命周期

React之组件的生命周期 一、概述二、整体说明三、挂载阶段四、更新阶段五、卸载阶段 一、概述 生命周期:一个事务从创建到最后消亡经历的整个过程组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程意义：理解组件的生…...

编程日记 2023/7/31 5:28:29

linux -网络编程-多线程并发服务器

目录 1.三次握手和四次挥手 2 滑动窗口 3 函数封装思想 4 高并发服务器 学习目标： 掌握三次握手建立连接过程掌握四次握手关闭连接的过程掌握滑动窗口的概念掌握错误处理函数封装实现多进程并发服务器实现多线程并发服务器 1.三次握手和四次挥手 思考: 为什么…...

编程日记 2023/7/31 5:27:26

Golang之路---02 基础语法——字典

字典 字典（Map 类型），是由若干个 key:value 这样的键值对映射组合在一起的数据结构。 key 不能是切片，不能是字典，不能是函数。 字典初始化 方式：map[KEY_TYPE]VALUE_TYPE //1.var map1 map[string]int…...

编程日记 2023/7/31 5:26:25

Pytorch(三)

一、经典网络架构图像分类模型 数据预处理部分: 数据增强数据预处理DataLoader模块直接读取batch数据 网络模块设置: 加载预训练模型，torchvision中有很多经典网络架构，可以直接调用注意别人训练好的任务跟咱们的并不完全一样，需要把最后…...

编程日记 2023/7/31 5:25:22

Linux——进程控制

目录 1. 进程创建 1.1 fork函数 1.2 fork系统调用内部宏观流程 1.3 fork后子进程执行位置分析 1.4 fork后共享代码分析 1.5 fork返回值 1.6 写时拷贝 1.7 fork常规用法 1.8 fork调用失败的原因 2.进程终止 2.1 进程退出场景 2.2 strerror函数—返回描述错误号的字符…...

编程日记 2023/7/31 5:24:21

剑指 Offer 59 - I. 滑动窗口的最大值 / LeetCode 239. 滑动窗口最大值（优先队列 / 单调队列）

题目： 链接：剑指 Offer 59 - I. 滑动窗口的最大值；LeetCode 239. 滑动窗口最大值 难度：困难 下一篇：剑指 Offer 59 - II. 队列的最大值（单调队列） 给你一个整数数组 nums，有一个大…...

编程日记 2023/7/31 5:23:21

【Linux后端服务器开发】IP协议

目录 一、IP协议概述 二、协议头格式 三、网段划分 四、IP地址的数量限制 五、路由 六、分片和组装 一、IP协议概述 主机：配有IP地址，但是不进行路由控制的设备 路由器：即配有IP地址，又能进行路由控制 节点：主…...

编程日记 2023/7/31 5:22:20

React组件进阶之children属性,props校验与默认值以及静态属性static

React组件进阶之children属性,props校验与默认值以及静态属性static 一、children属性二、props校验2.1 props说明2.2 prop-types的安装2.3 props校验规则2.4 props默认值 三、静态属性static 一、children属性 children 属性：表示该组件的子节点，只要组…...

编程日记 2023/7/31 5:21:19

ceph集群中RBD的性能测试、性能调优

文章目录 rados benchrbd bench-write测试工具Fio测试ceph rbd块设备的iops性能测试ceph rbd块设备的带宽测试ceph rbd块设备的延迟 性能调优 rados bench 参考：https://blog.csdn.net/Micha_Lu/article/details/126490260 rados bench为ceph自带的基准测试工具&am…...

编程日记 2023/7/31 5:20:17

texshop mac中文版-TeXShop for Mac(Latex编辑预览工具)

texshop for mac是一款可以在苹果电脑MAC OS平台上使用的非常不错的Mac应用软件，texshop for mac是一个非常有用的工具，广泛使用在数学，计算机科学，物理学，经济学等领域的合作，这些程序的标准tetex分布特产…...

编程日记 2023/7/31 5:19:15

简单认识redis高可用实现方法

文章目录 一、redis群集三种模式二、 Redis 主从复制1、简介2、作用：3、流程：4.配置主从复制 三、Redis 哨兵模式1、简介2、原理:3、作用：4、哨兵结构由两部分组成，哨兵节点和数据节点：5、故障转移机制：6、…...

编程日记 2023/7/31 5:18:14

搭建git服务器

1.创建linux账户，创建文件 adduser git passwd gitpsw su git pwd cd ~/ mkdir .ssh cd ~/.ssh touch authorized_keys 2.特别重要(单独起一行)，给文件设权限 chmod 700 /home/git/.ssh chmod 600 /home/git/.ssh/authorized_keys 3.本地生产密钥并把…...

编程日记 2023/7/31 5:17:13

线程中断机制

如何中断一个线程？ 首先一个线程不应该由其他线程来强制中断或者停止，而是应该由线程自己自行停止。所以我们看到线程的stop()、resume()、suspend()等方法已经被标记为过时了。 其次在java中没有办法立即停止一个线程，然而停止线程显得尤为重…...

编程日记 2023/7/31 5:16:11

CollectionUtils工具类的使用

来自：小小程序员。 本文仅作记录 org.apache.commons.collections包下的CollectionUtils工具类，下面说说它的用法： 一、集合判空 通过CollectionUtils工具类的isEmpty方法可以轻松判断集合是否为空，isNotEmpty方法判断集合不为…...

编程日记 2023/7/31 5:15:10

基于Nonconvex规划的配电网重构研究（Matlab代码实现）

💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。 ⛳️座右铭&a…...

编程日记 2023/7/31 5:14:09

yolo系列笔记（v4-v5）

YOLOv4 YOLOv4网络详解_哔哩哔哩_bilibili 网络结构，在Yolov3的Darknet的基础上增加了CSP结构。 CSP的优点： 加强CNN的学习能力 去除计算瓶颈。 减少显存的消耗。 结构为： 、 其实还是类似与残差网络的结构，保留下采样之前…...

编程日记 2023/7/31 5:13:08

小白如何高效刷题Leetcode？

文章目录 为什么会有这样的现象？研究与学习人生而有别 如何解决困境？1. 要补的：化抽象为具体，列举找规律2. 要补的：前人总结的套路3. 与人交流探讨4. 多写总结文章 总结 明明自觉学会了不少知识，可真正开始…...

编程日记 2023/7/31 5:12:07

使用IDEA打jar包的详细图文教程

1. 点击intellij idea左上角的“File”菜单 -> Project Structure 2. 点击"Artifacts" -> 绿色的"" -> “JAR” -> Empty 3. Name栏填入自定义的名字，Output ditectory 选择 jar 包目标目录，Available Elements 里右击…...

编程日记 2023/7/31 5:11:06

《MySQL 实战 45 讲》课程学习笔记（二）

日志系统：一条 SQL 更新语句是如何执行的？ 与查询流程不一样的是，更新流程还涉及两个重要的日志模块：redo log（重做日志）和 binlog（归档日志）。 重要的日志模块：redo l…...

编程日记 2023/7/31 5:10:05

微软亚研院提出模型基础架构RetNet或将成为Transformer有力继承者

作为全新的神经网络架构，RetNet 同时实现了良好的扩展结果、并行训练、低成本部署和高效推理。这些特性将使 RetNet 有可能成为继 Transformer 之后大语言模型基础网络架构的有力继承者。实验数据也显示，在语言建模任务上： RetNet 可以达到与…...

编程日记 2023/7/31 5:09:03

智谱ZCube组网架构革新：不动硬件提升15%集群推理吞吐，行业转向“挖效率”

【导语：过去行业在算力军备竞赛中多靠买GPU、建集群堆算力，如今这一路径被重新审视。智谱公开ZCube组网架构，在不增加硬件的情况下提升了集群推理吞吐，同时OpenAI等发布MRC网络协议，行业正从“堆硬件”向“挖效率”转向…...

编程新知 2026/5/22 21:00:18

2026年TOP5运营多年口碑平稳的金价查询app有哪些

前几天跟闺蜜约饭，她一坐下来就疯狂吐槽：前一周特意蹲了网上说的金价合适的时段，攒了好久的钱想去买那条种草了半年的金项链，结果到了线下门店才知道，当天大盘价已经涨了21块钱，比她查的那个三天没更新的小…...

编程新知 2026/5/22 20:27:40

Office Custom UI Editor终极指南：30秒打造专属Office工作界面

Office Custom UI Editor终极指南：30秒打造专属Office工作界面 【免费下载链接】office-custom-ui-editor Standalone tool to edit custom UI part of Office open document file format 项目地址: https://gitcode.com/gh_mirrors/of/office-custom-ui-editor …...

编程新知 2026/5/22 20:14:49

DeepSeek高并发场景下的云原生弹性架构设计（千万QPS容灾实测数据首次公开）

更多请点击： https://codechina.net 第一章：DeepSeek高并发场景下的云原生弹性架构设计（千万QPS容灾实测数据首次公开） 在支撑DeepSeek大模型推理服务的生产环境中，我们构建了一套面向千万级QPS的云原生弹性架构。该架…...

编程新知 2026/5/22 19:39:21

Pixel 6有锁机保姆级解锁教程：从‘SIM卡不受支持’到完美VoLTE通话（附ADB/Shizuku工具包）

Pixel 6有锁机完全解锁指南：从网络锁到功能优化全攻略 前言 当你从二手市场淘到一台Pixel 6，满心欢喜地插入SIM卡准备使用时，屏幕上却赫然显示"SIM卡不受支持"——这种挫败感我深有体会。作为一款硬件配置出色的设备，Pi…...

编程新知 2026/5/22 18:41:37

【2025技术栈淘汰预警】：AI Agent智能体驱动的3类岗位将在Q3起停止招聘（含LinkedIn真实岗位下架数据）

更多请点击： https://intelliparadigm.com 第一章：AI Agent智能体未来趋势 AI Agent正从单一任务执行者演进为具备目标分解、工具调用、环境感知与持续反思能力的自主协作体。其发展不再局限于模型规模扩张，而是聚焦于推理架构优化、记忆机制…...

编程新知 2026/5/22 16:44:35

ElevenLabs云南话语音定制化指南（独家披露官方未公开的phoneme alignment bypass技巧）

更多请点击： https://codechina.net 第一章：ElevenLabs云南话语音定制化全景概览 ElevenLabs 作为全球领先的AI语音合成平台，原生支持英语、西班牙语、法语等数十种主流语言，但尚未在官方API中直接开放云南话（属西南…...

编程新知 2026/5/22 16:43:58

Spingboot企业员工信息管理系统—免费毕设源码分享28210

摘要本论文介绍了基于Spring Boot框架开发的“传奇今生企业员工信息管理系统”。系统提高企业人力资源管理的效率和精确度，通过数字化手段优化员工信息管理流程，提升企业管理水平。系统分为用户端和管理员端，提供了丰富的功能模块。用户端功能…...

编程新知 2026/5/22 16:19:34

全志 V821 韦东山 Avaota-F1-B (3) I2C CST816T触摸屏适配

功能还在调试一、硬件连接/**********CST816T********** 1.引脚连接 PD18 -> i2c_clk PD18 -> i2c_sda PD22 -> tp_rst PD23 -> tp_int二、设备树修改tina-v821-v1.3/device/config/chips/v821/configs/avaota_f1/linux-5.4-ansc/board.dtstwi1_pins_default: twi1…...

编程新知 2026/5/22 16:08:36

5分钟掌握抖音资源批量下载：开源douyin-downloader终极指南

5分钟掌握抖音资源批量下载：开源douyin-downloader终极指南 【免费下载链接】douyin-downloader A practical Douyin downloader for both single-item and profile batch downloads, with progress display, retries, SQLite deduplication, and browser fallback …...

编程新知 2026/5/22 16:00:14