React之Hooks详解
短信预约 -IT技能 免费直播动态提醒
什么是钩子(hooks)
- 消息处理的一种方法, 用来监视指定程序
- 函数组件中需要处理副作用,可以用钩子把外部代码“钩”进来
- 常用钩子:useState, useEffect, useContext, useReducer
- Hooks一律使用use前缀命名:useXXX
类组件
函数组件
一类特殊的函数,为你的函数式组件注入特殊的功能
为什么创造Hooks
- 有些类组件冗长且复杂,难以复用
- 结局方案:无状态组件与HOC(高阶组件),但还是存在诸多问题
无状态组件无法访问异步API, 无法进行更新
HOC: 组件嵌套达到复用目的,增加组件的复杂性
- Hooks的目的是给函数式组件添加状态
- 生命周期函数会同时处理多项任务:发起ajax、跟踪数据状态、绑定事件监听
- 函数式组件则轻量化很多,使用Hooks钩子来钩入组件状态
总结
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341