• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

React之Hooks详解

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

什么是钩子(hooks)

  • 消息处理的一种方法, 用来监视指定程序
  • 函数组件中需要处理副作用,可以用钩子把外部代码“钩”进来
  • 常用钩子:useState, useEffect, useContext, useReducer
  • Hooks一律使用use前缀命名:useXXX

类组件

函数组件


一类特殊的函数,为你的函数式组件注入特殊的功能

为什么创造Hooks

  • 有些类组件冗长且复杂,难以复用
  • 结局方案:无状态组件与HOC(高阶组件),但还是存在诸多问题

无状态组件无法访问异步API, 无法进行更新

HOC: 组件嵌套达到复用目的,增加组件的复杂性

  • Hooks的目的是给函数式组件添加状态
  • 生命周期函数会同时处理多项任务:发起ajax、跟踪数据状态、绑定事件监听
  • 函数式组件则轻量化很多,使用Hooks钩子来钩入组件状态



总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注极客世界的更多内容!


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
基于vue封装下拉刷新上拉加载组件发布时间:2022-02-05
下一篇:
React实现复杂搜索表单的展开收起功能发布时间:2022-02-05
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap