react中useState的使用

在React中，`useState`是Hook之一，用于在函数组件中添加状态管理。它接受一个初始值作为参数，并返回两个值：当前的状态(state)以及一个更新状态的函数。

使用`useState`的基本步骤如下：

1. 在函数组件内部导入`useState`：

   import React, { useState } from 'react';

2. 在组件的主体部分使用`useState`：

   function MyComponent() {
     // 初始化一个名为count的状态变量，值为0
     const [count, setCount] = useState(0);

`setCount`函数用于改变`count`的值，它的第二个参数就是新的值。

3. 更新状态：
当你需要修改状态时，只需要调用`setCount`，例如：

   function handleClick() {
     setCount(count + 1);
   }

4. 访问状态并在渲染时使用：
状态可以直接在 JSX 中使用，例如显示计数：

   return (
     <div>
       <p>点击次数：{count}</p>
       <button onClick={handleClick}>点击我</button>
     </div>
   );