React小记(五)_Hooks入门到进阶

React 16.8 版本 类组件 函数组件 两种组件共存,到目前 React 18 版本,官方已经不在推荐使用类组件,在函数组件中 hooks 是必不可少的,它允许我们函数组件像类组件一样可以使用组件的状态,并模拟组件的生命周期等一系列行为。

        本文为 react_hooks 的汇总,希望对正在学习react-hooks的你,能够有所帮助!

一、核心hooks

我们知道在类组件中 react 具有三大属性,分别为 state、props 、ref,在 hooks 中同样存在相应的 hooks

1、useState
useStateicon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139679655
2、useRef
useReficon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139679773
3、forwardRef
forwardReficon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139679851
4、uselmperativeHandle

useImperativeHandleicon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139679920

二、模拟生命周期 hooks

 
1、useEffect
useEffecticon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139679969
2、useLayoutEffect

useLayoutEffecticon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139680028

三、组件通信 hooks


1、useReducer
useReducericon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139995775
2、useContext

useContexticon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139995886

四、性能优化 hooks


9、useMemo和memo函数
useMemo和memo函数icon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139995958
10、useCallback
useCallbackicon-default.png?t=N7T8https://blog.csdn.net/weixin_61791370/article/details/139996016

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/862904.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

用Python写一个基于ai agent服务scrm,mes和erp系统的协同流程

要实现一个基于AI Agent的协同流程,我们需要首先了解SCRM、MES和ERP系统的基本功能和相互之间的关系。然后,我们可以用Python编写一个简单的示例,展示这些系统如何协同工作。以下是一个基本的协同流程示例: 1. 假设我们有一个SCRM…

高效数据采集监控平台 一体化平台 数据可视化!

提高工作效率,一直是各种厂家在寻找的方法。任何一种有效且实用的方法都值得去尝试。数据采集监控平台是一种能高效处理数据的方式,其主要工作内容是从各个产生数据的仪器设备传感器中采集数据、对数据进行集中整理整合、分析、显示、绘制图表、存储、传…

java基于ssm+jsp 扶贫惠农推介系统

1管理员功能模块 管理员输入个人的用户名、密码、角色登录系统,这时候系统的数据库就会在进行查找相关的信息,如果我们输入的用户名、密码不正确,数据库就会提示出错误的信息提示,同时会提示管理员重新输入自己的用户名、密码&am…

DigiRL:让 AI 自己学会控制手机

类似于苹果此前发布的Ferret-UI 的安卓开源平替。主要用于在 Android 设备上识别 UI 和执行指令,不同的是它利用了离线到在线强化学习(Offline-to-Online RL),能够快速适应应用更新或 UI 变化。

2023信息素养大赛国赛C++真题

2023信息素养大赛国赛C 第一题 给定一个五位数x,你需要重复做以下操作: 把数的各个数位进行由大到小排序和由小到大排序,得到的最大值和最小值,进行求差后作为新的x。 可以证明,在经过有限次操作后,x会循环出现。 …

总结:Hive

一、Hive介绍 Hive 是一个构建在 Hadoop 上的数仓工具,用于处理和查询存储在 HDFS 上的大规模数据。它使用类似 SQL 的 HiveQL 来执行查询,但背后是将查询任务转译成 MapReduce、Tez 或 Spark 等分布式计算任务来执行。Hive 的主要优势包括:…

麒麟桌面系统CVE-2024-1086漏洞修复

原文链接:麒麟桌面操作系统上CVE-2024-1086漏洞修复 Hello,大家好啊!今天给大家带来一篇在麒麟桌面操作系统上修复CVE-2024-1086漏洞的文章。漏洞CVE-2024-1086是一个新的安全漏洞,如果不及时修复,可能会对系统造成安全…

LeetCode:2710. 移除字符串中的尾随零

题目 给你一个用字符串表示的正整数 num ,请你以字符串形式返回不含尾随零的整数 num 。 示例 1: 输入:num “51230100” 输出:“512301” 解释:整数 “51230100” 有 2 个尾随零,移除并返回整数 “51230…

Spring MVC中使用ModelAndView传递数据

Spring MVC中使用ModelAndView传递数据 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!今天我们来探讨在Spring MVC中如何使用ModelAndView来传递数据。ModelAn…

Python并发编程:多线程与多进程实战

Python并发编程:多线程与多进程实战 一、引言 在Python编程中,并发编程是提高程序执行效率的重要技术之一。由于Python的全局解释器锁(GIL)的存在,使得多线程在CPU密集型任务上的性能提升有限,但在I/O密集…

Windows和Linux C++判断磁盘空间是否充足

基本是由百度Ai写代码生成的,记录一下。实现此功能需要调用系统的API函数。 对于Windows,可调用函数GetDiskFreeSpaceEx,使用该函数需要包含头文件windows.h。该函数的原型: 它的四个参数: lpDirectoryName&#xff0…

自然语言处理-BERT处理框架-transformer

目录 1.介绍 2.Transformer 2.1 引言 2.2 传统RNN网络的问题 2.3 整体架构 2.4 Attention 2.5 Self-Attention如何计算 3.multi-headed机制 4. BERT训练方法 1.介绍 BERT:当前主流的解决框架,一站式搞定NLP任务。(解决一个NLP任务时的考虑…

如何在Java中进行网络编程:Socket与NIO

如何在Java中进行网络编程:Socket与NIO 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿!今天我们将深入探讨Java中的网络编程,重点介绍So…

人工智能设备pbootcms网站模板源码

模板介绍 人工智能行业发展趋势不断攀升逐渐成为了新业态,小编精心为大家收集整理了一款HTML5人工智能设备pbootcms网站模板整站源码下载,可帮助您快速建站以展示企业的产品与业务,响应式自适应设计也会适配所有浏览设备。 模板截图 源码下…

Python商务数据分析知识专栏(六)——Python数据分析的应用④Python数据分析实训

Python商务数据分析知识专栏(六)——Python数据分析的应用④Python数据分析实训 Python数据分析实训一.iris数据处理实训1.1 拓展学习资料&Python环境介绍1.2 读取数据&修改列名称1.3 以PythonConsole方式执行代码1.4 缺失值处理1.5 重置索引 二…

文心一言4.0免费使用

领取&安装链接:Baidu Comate 领取季卡 有图有真相 原理:百度comate使用文心一言最新的4.0模型。百度comate目前免费使用,可以借助comate达到免费使用4.0模型目的。 如何获得 点击「Baidu Comate 领取季卡 -> 领取权益」&#xff0…

华为OD机考题(​HJ32 密码截取)

前言 经过前期的数据结构和算法学习,开始以OD机考题作为练习题,继续加强下熟练程度。有需要的可以同步练习下。 描述 Catcher是MCA国的情报员,他工作时发现敌国会用一些对称的密码进行通信,比如像这些ABBA,ABA&…

静态链表详解(C语言版)

顺序表和链表的优缺点 顺序表和链表是两种基本的线性数据结构,它们各自有不同的优缺点,适用于不同的应用场景。 顺序表(Sequential List,通常指数组) 优点: 随机访问:可以通过索引快速访问任…

使用Endnote中英文等的实现和GB7714格式

Endnote是一款被广泛使用的文献管理软件,其是SCI(Thomson Scientific 公司)的官方软件,支持国际期刊的参考文献格式有3776 种【也可以自定义期刊引用格式】。 软件非常方便科研狗进行文献整理,写笔记,做备…

Perl语言入门指南:掌握基本语法

Perl是一种高级、通用的、解释型、动态编程语言,它以其强大的文本处理能力而闻名。Perl广泛用于系统管理、网络编程、图形编程和更多领域。对于初学者来说,理解Perl的基本语法是学习这门语言的第一步。本文将详细介绍Perl的基本语法,帮助初学…