给我写一个 react useState的用法

当使用 React 开发时，我们可以使用 `useState` 这个 Hook 来管理组件的状态，它接受一个初始状态，并返回一个数组，第一个元素是当前状态值，第二个元素是更新状态值的函数。

下面是一个简单的例子，创建一个计数器组件，当点击按钮时，计数器会加 1：

import { useState } from 'react';

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

  const handleClick = () => {
    setCount(count + 1);
  }

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={handleClick}>Click me</button>
    </div>
  );
}

在上面的代码中，我们通过 `useState` 创建了一个名为 `count` 的状态变量，初始值为 0，然后使用 `setCount` 函数来更新 `count` 的值。最后，在 JSX 中使用 `{count}` 显示当前计数器的值，并在按钮上绑定 `handleClick` 函数。

当我们点击按钮时，`handleClick` 函数会被调用，调用 `setCount` 函数来更新 `count` 的值，然后 React 会重新渲染组件，显示更新后的计数器值。