【React】如何自定义 Hooks

在React中，自定义Hooks允许你将组件逻辑提取到可重用的函数中。自定义Hooks本质上就是普通的JavaScript函数，但是它们必须遵循两个规则：

1. 命名约定：自定义Hook的名称应该以use开头。这个约定有助于你和其他开发者更容易地识别出哪些函数是Hooks。
2. 在函数组件内部调用：只能在函数组件或另一个自定义Hook内部调用自定义Hook。不要在类组件中调用它们。

下面是如何创建一个自定义Hook的基本步骤：

步骤 1: 定义一个以use开头的函数

首先，你需要创建一个函数，并在其名称前加上use。

function useCustomHook() {
   
  // 你的Hook逻辑
}

步骤 2: 添加状态或其他Hooks

在自定义Hook内部，你可以使用React的内置Hooks，如useState、useEffect等。

<