上面提供的答案很好，但让我插一句，useState是异步的，所以如果你的下一个状态依赖于你的前一个状态，你最好给useState一个回调。请看下面的例子:

import { useState } from 'react';

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

  return (
    <div>
      <p>You clicked {count} times</p>
      // passing a callback to useState to update count
      <button onClick={() => setCount(count => count + 1)}>
        Click me
      </button>
    </div>
  );
}

如果您的新状态依赖于旧状态的计算，这是推荐的方法。

useState是React v16.8.0可用的钩子之一。它基本上允许您将非状态/功能组件转换为可以拥有自己状态的组件。

在最基本的层面上，它是这样使用的:

const [isLoading, setLoading] = useState(true);

这允许您调用setLoading传递一个布尔值。 这是拥有“有状态”功能组件的一种很酷的方式。

React钩子是一种新的方式(仍在开发中)来访问React的核心功能，如状态，而不必使用类，在你的例子中，如果你想直接在处理程序函数中增加一个计数器，而不直接在onClick道具中指定它，你可以这样做:

...
const [count, setCounter] = useState(0);
const [moreStuff, setMoreStuff] = useState(...);
...

const setCount = () => {
    setCounter(count + 1);
    setMoreStuff(...);
    ...
};

和onClick:

<button onClick={setCount}>
    Click me
</button>

让我们快速解释一下这句话是怎么回事:

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

useState(0)返回一个元组，其中第一个参数count是计数器的当前状态，setCounter是允许我们更新计数器状态的方法。我们可以使用setCounter方法在任何地方更新count的状态——在这种情况下，我们在setCount函数内部使用它，在那里我们可以做更多的事情;使用钩子的想法是，我们能够使我们的代码更具功能性，并避免在不需要/不需要的情况下使用基于类的组件。

我写了一篇关于钩子的完整文章，其中有多个示例(包括计数器)，比如这个代码依赖，我使用了useState、useEffect、useContext和自定义钩子。我可以更详细地介绍钩子如何在这个答案上工作，但是文档很好地解释了状态钩子和其他钩子的细节。

更新:钩子不再是一个建议，因为16.8版本他们现在可以使用，在React的网站上有一个部分回答了一些常见问题。

useState()是一个内置React钩子的例子，它允许你在函数组件中使用状态。这在React 16.7之前是不可能的。

useState函数是一个内置的钩子，可以从react包中导入。它允许您向功能组件添加状态。在函数组件中使用useState钩子，您可以创建一个状态块，而无需切换到类组件。

useState钩子的语法很简单。

const [value, setValue] = useState(defaultValue)

如果您不熟悉这个语法，请到这里。

我建议您阅读文档。有很好的解释和大量的例子。

import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); // its up to you how you do it const buttonClickHandler = e => { // increment // setCount(count + 1) // decrement // setCount(count -1) // anything // setCount(0) } return ( <div> <p>You clicked {count} times</p> <button onClick={buttonClickHandler}> Click me </button> </div> ); }

钩子是React v16.7.0 alpha中的一个新特性，useState是“钩子”。useState()设置任意变量的默认值，并在函数组件(PureComponent函数)中进行管理。ex: const [count, setCount] = useState(0);设置默认值count 0。你可以使用setCount来增加或减少这个值。onClick={() => setCount(count + 1)}增加计数值