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

React组件生命周期管理

组件生命,就是组件在不同阶段提供对应的钩子函数,来处理逻辑操作。比如初始化阶段,我们需要初始化组件相关的状态和变量。组件销毁阶段时,我们需要把一些数据结构销毁来节约内存。

React组件生命周期

React组件生命周期分为三个阶段:挂载阶段【Mount】、更新阶段【Update】和卸载阶段【Umount】。

组件挂载阶段

挂载阶段,就是组件实例化并且挂载到DOM树的这个过程。在这个阶段中依次调用生命周期函数为:

  1. constructor()
  2. getDerivedStateFromProps()
  3. render()
  4. componentDidMount()
constructor(props)

constructor,是构造函数,用来初始化组件的状态和操作。React类组件一般是通过继承React.Component来创建的,所以需要调用super(props),初始化父类。

在constructor函数中,我们可以初始化state,同时可以对操作函数进行bind绑定。但是需要注意的是,不能在constructor中调用setState,否则会报错,因为setState是用来更新状态的。

操作函数绑定如下:

import React from "react"
http://www.lryc.cn/news/2493.html

相关文章:

  • Linux:全志H3图像codec使用笔记
  • 【Python小游戏】通过这款专为程序员设计的《极限车神》小游戏,你的打字速度可以赢过专业录入员,这个秘密98%的人都不知道哦~(爆赞)
  • Springboot扩展点之BeanPostProcessor
  • Fluent Python 笔记 第 3 章 字典和集合
  • 大型物流运输管理系统源码 TMS源码
  • PCIE总线
  • Android IO 框架 Okio 的实现原理,如何检测超时?
  • 简单介绍反射
  • PyTorch学习笔记:nn.MSELoss——MSE损失
  • apache和nginx的TLS1.0和TLS1.1禁用处理方案
  • K_A12_002 基于STM32等单片机采集光敏电阻传感器参数串口与OLED0.96双显示
  • 《机器学习》学习笔记
  • 前端卷算法系列(一)
  • 【机器学习】聚类算法(理论)
  • Docker-用Jenkins发版Java项目-(1)Docke安装Jenkins
  • java集合框架内容整理
  • win10系统安装Nginx
  • 数据库学习笔记(2)——workbench和SQL语言
  • 测量学期末考试之名词解释总结
  • TDengine时序数据库的简单使用
  • 记录每日LeetCode 2335.装满被子需要的最短总时长 Java实现
  • 了解线程池newFixedTheadPool
  • IP分片和TCP分段解析--之IP分片
  • 物联网方向常见通信方式有哪些?
  • windows wireshark抓到未加入组的组播消息
  • 【PTA Advanced】1156 Sexy Primes(C++)
  • 项目(今日指数)
  • 适配器模式(Adapter Pattern)
  • 网易一面:select分页要调优100倍,说说你的思路? (内含Mysql的36军规)
  • 二叉树的遍历 (2023-02-11)