React Hooks常用场景有哪些具体应用？

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

前言：React+v16.8+版本中推出了React Hooks新特性。在我看来，使用React Hooks相比之前的类组件有以下几点好处：+ 代码可读性更强+ 原有功能代码逻辑被在不同的函数中

前言

React 在 v16.8 的版本中推出了 React Hooks 新特性。在我看来，使用 React Hooks 相比于从前的类组件有以下几点好处：

• 代码可读性更强，原本同一块功能的代码逻辑被拆分在了不同的生命周期函数中，容易使开发者不利于维护和迭代，通过 React Hooks 可以将功能代码聚合，方便阅读维护；
• 组件树层级变浅，在原本的代码中，我们经常使用 HOC/render props 等方式来复用组件的状态，增强功能等，无疑增加了组件树层数及渲染，而在 React Hooks 中，这些功能都可以通过强大的自定义的 Hooks 来实现；

关于这方面的文章，我们根据使用场景分别进行举例说明，帮助你认识理解并可以熟练运用 React Hooks 大部分特性。