前端

`useState` 是 React Hook 中的一个函数，它允许你在函数组件中添加状态。这是一个基本的 Hook，用于在不编写类组件的情况下使用 state。

当你调用 `useState` 时，你需要传递初始状态给它，这可以是任何数据类型，比如数字、字符串、数组或对象等。`useState` 函数会返回一个包含两个元素的数组：当前状态值和一个更新该状态的函数。

例如，如果你想在组件中使用一个计数器，你可以这样写：

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

在这里，`0` 是 `count` 的初始值。`setCount` 是一个函数，当你调用它并传递一个新的值时，它会更新 `count` 的值，并且组件会重新渲染以反映更新后的状态。

React 保证在多次渲染之间保持 `useState` 提供的状态和更新函数的稳定性，这意味着你不需要担心状态在重新渲染时会丢失或错误地更新。

此外，每次组件渲染时，`useState` 返回的状态值总是最新的。这样，你可以在事件处理器或其他函数中安全地使用这些状态值，而不用担心它们是过时的。

useState Hook是如何工作的？