在React中使用useState
本教程将教你在统计政府中使用React Hooks的基本知识。
在本教程中，我们将涵盖。
创建一个使用useState的组件
- 添加一个useEffect钩子，当我们的组件被分离时清除我们的状态
- 在我们的钩子中使用变量
React钩子是React的一个新功能，它使编写功能组件变得容易。
有两种类型的钩子：state和useState。
useState钩子用于创建一个有状态的功能组件，可以与JSX一起使用。useState钩子接收一个初始状态，并返回一个函数，在每次提交时返回状态的值。
本教程告诉你如何在你自己的项目中使用useState钩子!
节。 钩子是React 16.8中的一个新的补充。它们让你在不写类的情况下使用状态和其他React功能
类组件与钩子
部分。从反应库中导入useState
部分。编写一个能返回东西的功能组件
节：在你的功能组件顶部调用useState钩子。在你的功能组件的顶部调用useState钩子
部分。把这段代码复制并粘贴到你想使用的地方。
新的状态变量。
const [name,setName] = useState("初始值")
经验之谈。你可以在React中使用钩子而不是类。
useState是一个强大的功能。它可以用很多不同的方式来使用，每一种方式都有独特的动画，这使得useState成为最重要的钩子之一。
正如本教程所展示的，你可以通过用useState钩子包装你的无状态组件，在任何React组件中直接使用useState。最终的结果是，当状态发生变化时，该组件将逐步更新，而不需要每次都消化整个状态。
这使得它非常适用于跟踪小块的数据，正如我们在这里所展示的。我们还展示了它如何与其他React钩子（如useEffect和useReducer）一起工作，如果这是你需要做的。
如果你正在寻找一种方法来为你的项目快速组织useState钩子，那么我建议利用像react-hooks-toolkit这样的库。
奖金。
钩子API是强大而优雅的，但不得不承认，它并不总是最容易理解的。虽然我们刚才所讲的一切对每个人来说可能不是小菜一碟，但我们建议你坚持完成它。一旦你钻研了一下，你就会对useState的力量有独特的体会。即使你在日常工作中从未使用过这个函数，当时机成熟时，知道如何实现它也是很有价值的。
