简述React 中的 useState() 是什么？

useState() 是 React 中的一个内置 Hook，它让你在函数组件中添加 state（状态）。这个 Hook 返回一个包含两个元素的数组：当前的状态和一个更新这个状态的函数。在 React 函数组件中，你不能像类组件中那样使用 this.state 和 this.setState 来管理状态，因此需要使用 useState()。

useState() 的基本使用方式如下：

import React, { useState } from 'react';

function Example() {
  // 声明一个新的 state 变量，名为 "count"，并设置其初始值为 0
  const [count, setCount] = useState(0);

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

在这个例子中，useState(0) 创建了一个新的 state 变量 count，并返回了一个数组。数组的第一个元素是当前的状态值（在这个例子中是 0），第二个元素是一个函数，用于更新这个状态。我们把这个函数命名为 setCount，并在按钮的 onClick 处理函数中调用它，以此来增加 count 的值。

需要注意的是，useState() Hook 只能在函数组件的顶层调用。你不能在条件语句、循环或嵌套函数中调用它。如果你需要在多个地方共享状态逻辑，可以考虑使用自定义 Hook。