react中usestate的使用

在 React 中，useState 是一个 Hook，用于在函数组件中添加状态（state）。

使用 useState 需要以下步骤：

1. 导入 useState：`import { useState } from 'react';`

2. 在函数组件中调用 useState，并传入初始状态值，例如：

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

上述代码中，count 是状态值，初始值为 0，setCount 是更新状态的函数。

3. 在组件中使用状态值和更新函数，例如：

   <button onClick={() => setCount(count + 1)}>Click me</button>

上述代码中，点击按钮会调用 setCount 函数，将 count 的值加 1。

完整示例代码：

import { 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>
  );
}