React之Hooks详解
目录
- 什么是钩子（hooks）
- 类组件
- 函数组件
- 为什么创造Hooks
- 总结
什么是钩子（hooks）
- 消息处理的一种方法, 用来监视指定程序
- 函数组件中需要处理副作用，可以用钩子把外部代码“钩”进来
- 常用钩子：useState, useEffect, useContext, useReducer
- Hooks一律使用use前缀命名：useXXX
类组件
文章图片
函数组件
文章图片
一类特殊的函数，为你的函数式组件注入特殊的功能
为什么创造Hooks
- 有些类组件冗长且复杂，难以复用
- 结局方案：无状态组件与HOC(高阶组件)，但还是存在诸多问题
HOC: 组件嵌套达到复用目的，增加组件的复杂性
- Hooks的目的是给函数式组件添加状态
- 生命周期函数会同时处理多项任务：发起ajax、跟踪数据状态、绑定事件监听
- 函数式组件则轻量化很多，使用Hooks钩子来钩入组件状态
文章图片
文章图片
文章图片
总结 本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容！
推荐阅读
- PMSJ寻平面设计师之现代(Hyundai）
- 太平之莲
- 闲杂“细雨”
- 七年之痒之后
- 深入理解Go之generate
- 由浅入深理解AOP
- 期刊|期刊 | 国内核心期刊之（北大核心）
- 生活随笔｜好天气下的意外之喜
- 感恩之旅第75天
- python学习之|python学习之 实现QQ自动发送消息