在使用hooks编写React组件时，有哪些注意事项能避免常见错误？

本文共计1567个文字，预计阅读时间需要7分钟。

Hook 是 React 16.8 新增的特性。尽管 React 官方文档提供了针对 React + Hooks 的相关概念讲解，但直接阅读官方文档可能较为困难，不易将 Hooks 用好。在编写 Hooks 代码的过程中，容易遇到跳跃陷阱和错误。

Hook是React16.8开始新增的特性。虽然React官方文档已经作出了针对React hooks的相关概念的讲解，但是光看官方文档是很难将hooks使用好的，在编写hooks的过程中很容易跳进陷阱和错误。本文总结了5个不好的地方。

01.不需要render的场景下使用useState

在函数组件中我们可以使用useState来管理状态，这使得对状态的管理变得很简单，但是也容易被滥用，我们通过下面的代码样例看下容易忽略的地方。