react 中都有哪些hook？作用

React 中有以下几种常用的 Hook：

1. useState：用于在函数组件中添加状态。它返回一个包含当前状态和一个更新状态的函数的对象。

2. useEffect：用于在函数组件中执行副作用操作，如数据获取、订阅等。它可以在组件挂载和卸载时执行。

3. useContext：用于在组件之间共享状态。它接收一个上下文对象，并返回一个包含当前上下文值的函数。

4. useReducer：用于在函数组件中管理复杂的状态逻辑。它接收一个 reducer 函数和一个初始状态，并返回一个包含当前状态和一个 dispatch 函数的对象。

5. useRef：用于在函数组件中创建对 DOM 节点或 React 元素的引用。它返回一个可变的 ref 对象，该对象可以存储任何值。

6. useCallback：用于在函数组件中缓存回调函数。它接收一个回调函数和一个依赖项数组，并返回一个 memoized 版本的回调函数。

7. useMemo：用于在函数组件中缓存昂贵的计算结果。它接收一个计算函数和一个依赖项数组，并返回一个 memoized 版本的计算结果。

8. useLayoutEffect：与 useEffect 类似，但它在浏览器的 paint 阶段之前执行，适用于需要同步更新 DOM 的情况。

9. useImperativeHandle：用于自定义 forwardRef 组件的实例值。它接收一个回调函数和一个依赖项数组，用于更新实例值。

10. useDebugValue：用于设置 React 开发者工具中的显示名称，以便于调试。它接收一个显示名称和一个格式化函数，并返回一个可用于调试的对象。