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

React三个状态时触发的相应钩子

01.初始化状态。

这个阶段由render()函数触发;

1.constructor();

2.componentWillMount();

在17版本以后改为UNSAFE_componentWillMount()

reason:react为组件异步渲染做准备;

3.render();

4.componentDidMount();

这个钩子常用;一般在这个组件中做一些初始化的事情,利用开启计时器,发起网络请求,请阅消息。(如果小伙伴学过vue的话可以对标created()钩子和mounted()两个钩子)

02.更新阶段;

由内部组件setState()或父组件render触发;

1.shouldComponentUpdate();

2.componentWillUpdate();

在17版本以后改为UNSAFE_componentWillUpdate();

reason:react为组件异步渲染做准备;

3.render();

这个是最最常用的钩子,用作渲染;

4.componentDidUpdate();

5.componentWillReceiveProps();

在17版本以后改为UNSAFE_componentWillReceiveProps();

reason:react为组件异步渲染做准备;

03.卸载阶段;

由ReactDom.unmountComponentAtNode()触发;

1.ComponentWillUnmount()        

这个钩子也常用;一般在这个组件中做一些收尾的事情,利用开启计时器,发起网络请求,请阅消息。(如果小伙伴学过vue的话可以对标beforeDestroy()和destroyed()两个钩子)

http://www.lryc.cn/news/121083.html

相关文章:

  • 阿里云服务器部署Drupal网站教程基于CentOS系统
  • 【广州华锐视点】VR燃气轮机故障判断模拟演练系统
  • 第01天 什么是CSRF ?
  • uniapp 自定义手机顶部状态栏不生效问题
  • C++语法中bitset位图介绍及模拟实现
  • Debezium系列之:深入理解消息过滤,实现过滤数据库删除事件,只采集数据库新增和更新事件
  • Substack 如何在去中心化内容创作领域掀起波澜
  • 【MFC】07.MFC六大机制:消息映射-笔记
  • python操作数据库
  • 【C语言】小游戏-三字棋
  • 多线程与并发编程面试题总结
  • 在多页面应用和单页面应用中(例如vue)怎么提高seo搜索引擎优化
  • Dubbo 2.7.0 CompletableFuture 异步
  • pytest-xdist分布式测试原理浅析
  • 研发工程师玩转Kubernetes——PVC通过storageClassName进行延迟绑定
  • 6.利用matlab完成 符号矩阵的秩和 符号方阵的逆矩阵和行列式 (matlab程序)
  • python获取类名__qualname__,解决django接口ObjectDoesNotExist异常寻找model的问题
  • 电流的测量(分流电流表)
  • Leetcode每日一题:23. 合并 K 个升序链表(2023.8.12 C++)
  • 越南的区块链和NFT市场调研
  • MySQL常用语句
  • Mongodb:业务应用(1)
  • 【vue】vue中按钮权限控制:
  • 【博客695】k8s subPathExpr作用
  • 微信小程序中键盘弹起输入框自动跳到键盘上方处理
  • excel将主信息和明细信息整理为多对多(每隔几行空白如何填充)
  • 卷积神经网络实现彩色图像分类 - P2
  • 【博客694】k8s kubelet 状态更新机制
  • 【博客692】grafana如何解决step动态变化时可能出现range duration小于step
  • eNSP:ibgp的破水平切割练习