React Hooks的深入解析，一文掌握其核心用法？

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

React Hooks 是什么？它为何存在？

Hooks 允许在不编写类的情况下使用 state 以及其他的 React 特性。它是为了在不需要编写 class 的情况下，让函数组件也能拥有类似 class 组件的状态和行为而引入的。

React中你了解Hooks吗？本篇文章带大家来深入了解下React Hooks，希望对大家有所帮助！

前言

Hooks 用于在不编写 class 的情况下，使用 state 以及其他 React 特性。那么 Hooks 究竟是什么，为什么要使用 Hooks，React 提供了哪些常用 Hooks，以及如何自定义 Hooks 呢，下文将为您一一揭晓。

什么是 Hooks

Hooks 译为钩子，Hooks 就是在函数组件内，负责钩进外部功能的函数。

React 提供了一些常用钩子，React 也支持自定义钩子，这些钩子都是用于为函数引入外部功能。

当我们在组件中，需要引入外部功能时，就可以使用 React 提供的钩子，或者自定义钩子。

比如在组件内引入可管理 state 的功能，就可以使用 useState 函数，下文会详细介绍 useState 的用法。

为什么要用 Hooks

使用 Hooks 有 2 大原因：

• 简化逻辑复用；
• 让复杂组件更易理解。