useState怎么使用

useState 是 React 中的一个 Hook，可以用来在函数组件中添加状态。使用方法如下：

1. 引入 useState：

import React, { useState } from 'react';

2. 定义状态和修改状态的函数：

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

其中，state 是当前状态的值，setState 是用于修改状态的函数，initialState 是状态的初始值。

3. 在组件中使用状态：

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

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

在上面的例子中，我们定义了一个 count 状态和 setCount 函数，初始值为 0。每次点击按钮，count 的值会加 1，并通过 setCount 函数修改 count 的值。最后，我们将 count 的值渲染到了页面上。

注意事项：

1. useState 可以多次使用，每次使用对应一个状态和修改状态的函数。
2. useState 返回一个数组，第一个元素是当前状态的值，第二个元素是用于修改状态的函数。
3. useState 的初始值只会在组件挂载时被调用一次。