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

react生命周期方法

一、挂载阶段

  • constructor:组件的构造函数,初始化state。
  • statiic getDerivedStateFromProps:在组件实例被创建和更新之前调用,返回一个对象来更新state。
  • render:渲染组件的UI。
  • componentDidMount组件挂载完成后调用,通常用于发起网络请求或设置定时器。

二、更新阶段

  • static getDrivedStateFromProps:在组件接收到新的props时调用,返回一个对象来更新state。
  • shouldComponentUpdate:决定组件是否需要更新,返回布尔值。
  • render;重新渲染组件的UI。
  • getSnapshotBeforeUpdate:在最后一次渲染输出(提交到DOM)之前立即调用,返回一个值作为componentDIdUpdate的第三个参数。
  • componentDidUpdate:组件更新后调用,通常用于发起网络请求或更新DOM。

三、卸载阶段

  • componentWillUnmount:组件卸载前调用,用于清理定时器或取消网络请求。

参考博客:

React快速上手:从零到项目实战-CSDN博客


http://www.kler.cn/a/502241.html

相关文章:

  • spring mvc源码学习笔记之十一
  • C++ ——— 内部类
  • RTDETR融合[WACV 2024]的MetaSeg中的gmb模块
  • mac intel芯片下载安卓模拟器
  • 【文件锁】多进程线程安全访问文件demo
  • 32单片机从入门到精通之安全性与可靠性——防护措施(十八)
  • Shell经典面试题
  • istoreos安装tailscale命令
  • 力扣257(关于回溯算法)二叉树的所有路径
  • 机器学习 - 如何理解几何学中的超平面 ?
  • Qt+ffmpeg+libVlc 实现简单视频播放器
  • [0405].第05节:搭建Redis主从架构
  • Vue.js开发入门:从零开始搭建你的第一个项目
  • [读书日志]从零开始学习Chisel 第十一篇:Scala的类型参数化(敏捷硬件开发语言Chisel与数字系统设计)
  • gojs2.3去除水印
  • C#中的Null注意事项
  • 银河麒麟桌面操作系统搭建FTP服务器
  • 热烈祝贺“钛然科技”选择使用订单日记
  • 国产信创3D- 中望3D Linux 2025发布,助力企业高效转型国产三维CAD
  • 【论文笔记】多个大规模数据集上的SOTA绝对位姿回归方法:Reloc3r
  • 基于springboot+vue的 嗨玩-旅游网站
  • 方法引用与lambda底层原理Java方法引用、lambda能被序列化么?
  • Vue 3前端与Python(Django)后端接口简单示例
  • 74.搜索二维矩阵 python
  • HTTP 常用方法解析
  • CES Asia 2025:科技盛宴即将开启,续写辉煌篇章