介绍
状态管理是一种核心功能，它使React能够构建交互式和动态应用程序。通过使用钩子，React使开发人员能够访问和管理这些状态。在此博客中，我们将解释usestate（）挂钩，并提供了如何使用它的示例。
什么是usestate（）
在React中，usestate（）是React库的内置钩子，它使您有能力在组件中添加和管理状态。 usestate（）挂钩处于初始状态，然后返回两个值。
const [state, setState] = useState(initialstate)
如何使用usestate（）
让我们尝试以上构建此计数器应用程序：
我们必须做的第一件事是从react软件包导入usestate（）：
import React, { useState } from “react”
在其下方，我们可以编写称为“计数器”的组件的基础：
import React, { useState } from “react”
function Counter() {
return (
<div>
</div>
);
}
现在我们需要初始化状态。我们可以通过在组件下添加他的代码const [count, setCount] = useState(0);行来做到这一点：
import React, { useState } from “react”
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
</div>
);
}
接下来，我们需要两个功能。具有 rezement（）的名称的功能，以增加计数器和其他功能，名称为 declement（）降低计数器：
function increment() {
setCount(count + 1);
};
function decrement() {
setCount(count - 1);
};
这些功能将有责任更新当前状态。每当调用 rezement（）时，我们都会称呼 setCount（）以更新+1 或的当前计数，如果 deptement（） /strong>称为我们将称为 setCount（）以更新-1的当前计数。
最后，我们可以添加按钮供用户与：
return (
<div>
<button onClick={increment}>+</button>
<span>{count}</span>
<button onClick={decrement}>-</button>
</div>
);
如上所述，两个按钮都有一个名为onClick的事件侦听器。每当单击按钮时，它都会调用其中的功能。例如，当单击+按钮时，它将调用 rezement（）函数，并将计数增加1;每当单击-按钮时，它都会在 deply（）函数上调用，并将计数降低1。
就是这样！这是我们的计数器组件的整体外观：
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
function increment() {
setCount(count + 1);
};
function decrement() {
setCount(count - 1);
};
return (
<div>
<button onClick={increment}>+</button>
<span>{count}</span>
<button onClick={decrement}>-</button>
</div>
);
}
结论
还有许多其他方法可以使用usestate（）挂钩，还有许多其他挂钩可以利用开发人员来利用。无论是管理状态还是制作反对应用程序，usestate（）挂钩是将您的React项目带到下一步的非常强大的工具。
来源
ReactJS useState Hook - GeeksforGeeks
一个针对极客的计算机科学门户。它包含写作良好，思想良好的计算机科学和编程文章，测验以及实践/竞争性编程/公司面试问题。
geeksforgeeks.org
