当前位置: 首页 > 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
http://www.lryc.cn/news/389099.html

相关文章:

  • 使用工业自动化的功能块实现大语言模型应用
  • PPT文件中,母版视图与修改权限的区别
  • php简单的单例模式
  • 【面试题】IPS(入侵防御系统)和IDS(入侵检测系统)的区别
  • 宠物博主亲测养宠好物安利,口碑好的狗毛空气净化器推荐
  • 常用工具类
  • 【数据库原理】总结(期末版)
  • 【算能全国产AI盒子】基于BM1688CV186AH+FPGA智能物联工作站,支持差异化泛AI视觉产品定制
  • 材质相关内容整理 -ThreeJs
  • ES 嵌套查询
  • 《等保测评实战指南:从评估到加固的全程解析》
  • 【24考研·交通】我的考研经历
  • ERP系统中有哪些模块?有哪些具体实现方案呢?
  • 扩散模型在机器学习中的应用及原理
  • fastapi自定义中间件
  • 基于 MCU 的开发,能不能对代码进行单元测试?
  • 基于OpenCV与Keras的停车场车位自动识别系统
  • YOLOv10改进教程|C2f-CIB加入注意力机制
  • 算法训练营day06 哈希表(统计数,去重,降低时间复杂度)
  • 影帝郭晋安关联保健品企业,草姬集团无研发费用销售成本不低
  • leetcode-19-回溯-组合问题(剪枝、去重)
  • Java案例实现双色球
  • JS(JavaScript)的BOM操作
  • 【CT】LeetCode手撕—82. 删除排序链表中的重复元素 II
  • C++ STL unique_ptr智能指针源码剖析
  • Unity中的的文件夹(特殊文件夹)
  • Go语言定时器Timer和Ticker到底怎么用
  • 41、web基础和http协议
  • 6-173 二分查找的关键字比较次数
  • 【基础篇】第5章 Elasticsearch 数据聚合与分析