开篇概览

通过学习《React Hooks 核心原理与实战》课程，从以下3个部分来介绍 React Hooks

1. React Hooks 的由来
2. Hooks 的基本用法
3. 自定义 Hooks 应用

往期 React 相关回顾

初学React，需要了解哪些知识点？

1. React Hooks 的由来

在 Hooks 出现之前，组件有 Class组件 及 函数式组件 两种形式，
Class 作为 React 组件时，有两方面特性没有很好的发挥出来：

• React 组件之间很少会用到继承，比如说我们创建一个 Button 组件，然后在创建一个 DropdownButton 去继承它这样使用
• 所有 UI 都是由状态驱动，我们很少会在外部去调用一个组件实例，因为组件的方法通常在内部调用，或者生命周期方法是被自动调用等

函数式组件没有得到大规模使用的原因：

• 必须是纯函数，自身无状态
• 无法提供生命周期机制

结合以往的经验，React 提供给我们一个更理想的机制，那就是 Hooks:

• 可以把外部数据绑定到函数的执行（函数组件有自己的状态）
• 数据变化时，函数可自动重新执行（类似生命周期）