react的常见钩子

React提供了许多常见的钩子，以下是其中一些：

1. useState(): 用于在函数组件中添加状态。它接受一个初始状态并返回一个数组，其中第一个元素是当前状态，第二个元素是更新状态的函数。

2. useEffect(): 用于在函数组件中执行副作用操作，例如订阅数据或更改DOM。它接受一个回调函数和一个依赖项数组，并在每次渲染后执行回调函数。

3. useContext(): 用于在函数组件中访问React上下文。它接受一个上下文对象并返回当前上下文值。

4. useReducer(): 用于在函数组件中管理复杂的状态逻辑。它接受一个reducer函数和一个初始状态，并返回一个数组，其中第一个元素是当前状态，第二个元素是dispatch函数。

5. useCallback(): 用于在函数组件中缓存回调函数，以避免在每次渲染时重新创建它们。它接受一个回调函数和一个依赖项数组，并返回一个缓存的回调函数。

6. useMemo(): 用于在函数组件中缓存计算结果，以避免在每次渲染时重新计算它们。它接受一个计算函数和一个依赖项数组，并返回缓存的计算结果。

以下是一个使用useState()钩子的例子：

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  function increment() {
    setCount(count + 1);
  }

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment</button>
    </div>
  );
}