React Hooks 简介

React Hooks 是 React 16.8 版本引入的新特性，它允许在不编写类的情况下使用 state 以及其他的 React 特性。Hooks 是 React 组件的另一种编写方式，它们让你可以在不增加组件逻辑的情况下使用 state 和其他 React 特性。

主要 Hooks

以下是 React 中一些常用的 Hooks：

useState：用于在函数组件中添加 state。
useEffect：用于执行副作用操作，如数据获取、订阅或手动更改 DOM。
useContext：用于访问 React 上下文（Context）中的数据。
useReducer：类似于 useState，但更适用于管理复杂的状态逻辑。
useCallback 和 useMemo：用于性能优化，避免不必要的渲染。

使用 useState

下面是一个简单的例子，展示如何在函数组件中使用 useState：

import React, { useState } from 'react';

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

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

扩展阅读

如果你想要深入了解 React Hooks，以下是一些推荐资源：