快来退出咱们吧!
“ 小和山的菜鸟们 ”,为前端开发者提供技术相干资讯以及系列根底文章。为更好的用户体验,请您移至咱们官网小和山的菜鸟们 (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
或者生命周期等其余性能时,有只能应用 类组件。hooks
是React 16.8
新增的个性,它能够在不编写 类组件 的状况下应用state
以及其余的React
个性- 如果 函数组件 中增加一些
state
,当初只须要在 函数组件 中应用hooks
就能够实现操作,不须要在转化为 类组件 - React API 中只有是以
use
结尾的都是hooks
,比方useState
对于 hooks
的神秘,快去系列文章中摸索吧!
下节预报
在下节中,咱们将正式开启 hooks
的学习旅途,敬请期待!