hooks 系列 - 前言

快来加入咱们吧！

"小和山的菜鸟们"，为前端开发者提供技术相关资讯以及系列基础文章。为更好的用户体验，请您移至咱们官网小和山的菜鸟们 ( 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 的学习旅途，敬请期待！