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

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

相关文章:

  • Jackson与Json、Json和各种Java数据类型的互相转化
  • Windows 下后台启动java项目的 jar 包
  • 大模型LLM面试常见算法题-包括Attention和Transformer常见面试题
  • Linux系统部署MongoDB开源文档型数据库并实现无公网IP远程访问
  • [Redis]哨兵机制
  • 【C++】哈希表 ---开散列版本的实现
  • Android TextView的属性与用法
  • 初阶数据结构二叉树练习系列(1)
  • 文件操作及部分文件函数的介绍学习(上)
  • 每天一个数据分析题(三百九十九)- 逻辑回归
  • servlet职称评审系统-计算机毕业设计源码00122
  • 精通SQL Server端口管理:添加与删除监听端口的指南
  • Pycharm的终端(Terminal)中切换到当前项目所在的虚拟环境
  • 入门PHP就来我这(纯干货)08
  • 【工具分享】SQLmap
  • 【译】JS基础算法脚本:字符串结尾
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • Angular数据绑定机制
  • Babel配置的不完全指南
  • Java 网络编程(2):UDP 的使用
  • jQuery(一)
  • mysql 5.6 原生Online DDL解析
  • vagrant 添加本地 box 安装 laravel homestead
  • vuex 笔记整理
  • 分享一份非常强势的Android面试题
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 为物联网而生:高性能时间序列数据库HiTSDB商业化首发!
  • “十年磨一剑”--有赞的HBase平台实践和应用之路 ...
  • 【云吞铺子】性能抖动剖析(二)
  • 京东物流联手山西图灵打造智能供应链,让阅读更有趣 ...
  • !!java web学习笔记(一到五)
  • # 执行时间 统计mysql_一文说尽 MySQL 优化原理
  • #NOIP 2014# day.1 T2 联合权值
  • $nextTick的使用场景介绍
  • (7)STL算法之交换赋值
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第6节 (嵌套的Finally代码块)
  • (动态规划)5. 最长回文子串 java解决
  • (附源码)ssm高校运动会管理系统 毕业设计 020419
  • (已解决)什么是vue导航守卫
  • (转)IIS6 ASP 0251超过响应缓冲区限制错误的解决方法
  • (转)jQuery 基础
  • **《Linux/Unix系统编程手册》读书笔记24章**
  • .net core 6 集成和使用 mongodb
  • .NET delegate 委托 、 Event 事件
  • .NetCore 如何动态路由
  • @selector(..)警告提示
  • [ 常用工具篇 ] AntSword 蚁剑安装及使用详解
  • [ 云计算 | AWS 实践 ] 基于 Amazon S3 协议搭建个人云存储服务
  • []C/C++读取串口接收到的数据程序
  • [acwing周赛复盘] 第 94 场周赛20230311
  • [BROADCASTING]tensor的扩散机制
  • [BZOJ1053][HAOI2007]反素数ant
  • [C/C++] C/C++中数字与字符串之间的转换
  • [CERC2017]Cumulative Code
  • [Contiki系列论文之2]WSN的自适应通信架构