react的useState是什么作用

useState是React的一个Hook函数，用于在函数组件中添加状态（state）。它返回一个数组，其中第一个元素是当前状态的值，第二个元素是更新状态的函数。

使用useState，可以在函数组件中保存和更新状态，而无需使用类组件的this.setState。这样可以更方便地管理组件的状态。

useState的基本用法是通过解构赋值将返回的数组分别赋值给变量，如下所示：

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

其中，state表示当前状态的值，setState是用于更新状态的函数，initialState是状态的初始值。

使用setState函数可以更新状态的值，而且更新状态不会合并，而是直接替换。这与类组件中的this.setState有所不同。

例如，可以创建一个计数器的例子：

import React, { useState } from 'react';

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

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

  const decrement = () => {
    setCount(count - 1);
  };

  return (
    <div>
      <button onClick={increment}>增加</button>
      <button onClick={decrement}>减少</button>
      <p>当前计数：{count}</p>
    </div>
  );
}

在上述代码中，useState(0)表示初始状态为0，count表示当前状态的值，setCount是用于更新状态的函数。increment和decrement函数分别用于增加和减少count的值。在返回的JSX中，通过onClick事件绑定对应的函数来更新计数器的值，并将当前计数显示出来。

总的来说，useState是React中一个非常有用且常用的Hook函数，用于在函数组件中添加和管理状态。它使得函数组件具备了类组件中的状态管理能力，使得代码更加简洁和易于理解