介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !

大家好，我卡颂。 你或你的同事在使用useEffect时有没有发生过以下场景： 当你希望状态a变化后发起请求，于是你使用了useEffect： 这段代码运行符合预期，上线后也没问题。 随着需求不断迭代

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。

在两年多的 React Hooks 使用过程中，我越来越发现大家（包括我自己）对 React Hooks 的使用姿势存在很大误区，归根到底是官方文档的教程很不严谨，存在错误的指引。

🎙️相传， react 16.8 出了一个很强大的功能， 也就是 react hooks 。实际上， react hooks 有点类似与 vue3 的 composition API ，都是为了

今天来看看在使用React hooks时的一些坑，以及如何正确的使用避免这些坑。 问题概览： 不要改变 hooks 的调用顺序

时至 2021 年年底，React Hooks 已在 React 生态中大放异彩，席卷了几乎所有的 React 应用。而其又与 Function Component 以及 Fiber 架构几近天作之合

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

下面是 useCallback 的基本用法： 在上面这段代码中，memoizedCallback 会在初始的时候生成一次，在后面的过程中，只有它的依赖 a 或 b 变化了才会重新生成。 明白了 use