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

news/2024/7/15 18:36:09 标签: react.js, 前端, 前端框架

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.niftyadmin.cn/n/4934055.html

相关文章

智能质检技术的核心环节:语音识别和自然语言处理

随着呼叫中心行业的快速发展和客户服务需求的不断提高,越来越多的企业开始采用智能质检技术,以提高呼叫中心的质量和效率。而在智能质检技术中,语音识别和自然语言处理是其核心环节,对于提高质检的准确性和效率具有重要作用。 语音…

从零构建深度学习推理框架-8 卷积算子实现

其实这一次课还蛮好理解的&#xff1a; 首先将kernel展平&#xff1a; for (uint32_t g 0; g < groups; g) {std::vector<arma::fmat> kernel_matrix_arr(kernel_count_group);arma::fmat kernel_matrix_c(1, row_len * input_c_group);for (uint32_t k 0; k < k…

深度学习(37)—— 图神经网络GNN(2)

深度学习&#xff08;37&#xff09;—— 图神经网络GNN&#xff08;2&#xff09; 这一期主要是一些简单示例&#xff0c;针对不同的情况&#xff0c;使用的数据都是torch_geometric的内置数据集 文章目录 深度学习&#xff08;37&#xff09;—— 图神经网络GNN&#xff08…

【ARM 嵌入式 编译系列 4 -- linux 编译属性 __read_mostly 介绍】

文章目录 __read_mostly 介绍__read_mostly 在 linux 中的使用.data.read_mostly 介绍 __read_mostly 介绍 __read_mostly 是一个在Linux内核编程中用到的宏定义&#xff0c;这是一个gcc编译器的属性&#xff0c;用于告诉编译器此变量主要用于读取&#xff0c;很少进行写入&am…

权限管理之admin数据不可编辑

效果图 在线地址&#xff1a;https://codesandbox.io/s/authorizedbyrole-yzy4r2?file/src/util/directive.js 当前用户为非管理员角色 环境 vuetify2.6.6 vuex javascript 事情经过 一般的系统&#xff0c;都是采用**RBAC模型&#xff1a;基于用户-角色-权限控制** 所以在…

Vim入门教程vimtutor1.7总结

vimtutor命令可以打开教程文档 原文特别提示 ⬇⬇⬇ 特别提示&#xff1a;切记您要在使用中学习&#xff0c;而不是在记忆中学习 Vim模式 正常模式&#xff08;Normal Mode&#xff09;&#xff1a;默认模式&#xff0c;可以使用基础命令进行操作命令模式&#xff08;Command…

【STM32】FreeRTOS消息队列和信号量学习

一、消息队列&#xff08;queue&#xff09; 队列是一种用于实现任务与任务之间&#xff0c;任务与中断之间消息交流的机制。 注意&#xff1a;1.数据的操作是FIFO模式。 2.队列需要明确数据的大小和队列的长度。 3.写和读都会出现堵塞。 实验&#xff1a;创建一个消息队列…

数据结构:完全二叉树的性质

完全二叉树的性质&#xff1a; 具有 n n n个结点的完全二叉树的深度为 [ l o g 2 n ] 1 ( [ x ] 表示不大于 x 的最大整数 ) [log_2n]1([x]表示不大于x的最大整数) [log2​n]1([x]表示不大于x的最大整数) 对于任意一个结点 &#xff08; 1 < i < n &#xff09; &…