9、React Hooks 全面解析：从 useState 到 useMemo

React Hooks 全面解析：从 useState 到 useMemo

在 React 开发中，Hooks 是一项强大的特性，它允许我们在不编写 class 的情况下使用 state 以及其他 React 特性。本文将详细介绍几种常用的 React Hooks，包括 useState、useReducer、useRef 和 useMemo，并通过具体的代码示例展示它们的使用方法。

1. 使用 useState Hook

useState 是 React 中最常用的 Hook 之一，它允许我们在函数组件中使用 state。其基本语法如下：

const [state, setState] = useState(initialState);

以下是使用 useState 增强 PersonScore 组件的具体步骤：
1. 导入 useState ：在 PersonScore.tsx 文件中，将 useState 添加到 React 导入语句中。

import { useEffect, useState } from 'react';

2. 定义状态 ：在组件函数的顶部，定义 name、score 和 loading 状态。