关于javascript:hooks-系列-前言

38次阅读

共计 969 个字符,预计需要花费 3 分钟才能阅读完成。

快来退出咱们吧!

“ 小和山的菜鸟们 ”,为前端开发者提供技术相干资讯以及系列根底文章。为更好的用户体验,请您移至咱们官网小和山的菜鸟们 (https://xhs-rookies.com/) 进行学习,及时获取最新文章。

“Code tailor”,如果您对咱们文章感兴趣、或是想提一些倡议,微信关注 “小和山的菜鸟们” 公众号,与咱们取的分割,您也能够在微信上观看咱们的文章。每一个倡议或是同意都是对咱们极大的激励!

咱们为什么要学 hooks

没有破坏性改变

  • hooks 是齐全可选的:不须要重写任何代码就能够在组件中尝试 hook
  • 100% 向后兼容的hook 不蕴含任何破坏性改变
  • 当初曾经能够应用hook 公布于 React 16.8

动机

Hook 解决了咱们五年来编写和保护成千上万的组件时遇到的各种各样看起来不相干的问题。无论你正在学习 React,或每天应用,或者更愿尝试另一个和 React 有类似组件模型的框架,你都可能对这些问题似曾相识。

  • 组件之间复用状态逻辑很难
  • 简单的组件变得难以了解
  • 难以了解的 class

咱们要怎么学 hooks

目前网络上有许多学习材料,React 官网学习网站 中的内容,讲述尽管具体,然而在例子上,较为简单,不容易了解,而 阮一峰老师 的 hooks 根底文章中,容易让咱们上手,然而并不能让你对它有一个更粗浅的意识,还有更多的在其余网站上的一些材料,大部分都是对官网进行的翻译或者局部内容进行提取,不能给你带来很多有用的材料。

而咱们的 hooks 系列 提供了比官网更加简略的例子,比网络教材更加容易让人了解的简略教程,摘选了重点内容,让你们能够在短时间内对 hooks 有一个清晰的意识,以及纯熟的把握简略 hooks 的应用。

那么什么是 hooks

  • React 框架始终提倡应用 函数组件 ,然而这样会有一个问题,有时候须要应用 state 或者生命周期等其余性能时,有只能应用 类组件
  • hooksReact 16.8 新增的个性,它能够在不编写 类组件 的状况下应用 state 以及其余的 React 个性
  • 如果 函数组件 中增加一些 state,当初只须要在 函数组件 中应用 hooks 就能够实现操作,不须要在转化为 类组件
  • React API 中只有是以 use 结尾的都是 hooks,比方 useState

对于 hooks 的神秘,快去系列文章中摸索吧!

下节预报

在下节中,咱们将正式开启 hooks 的学习旅途,敬请期待!

正文完
 0