React useState Hook：在函数组件中管理状态

"useState" 是 React 的一个 Hook 函数，用于在函数组件中添加状态 (state)。它返回一个数组，其中第一个元素是当前状态的值，第二个元素是更新状态的函数。\n\n使用 useState，可以在函数组件中保存和更新状态，而无需使用类组件的 this.setState。这样可以更方便地管理组件的状态。\n\nuseState 的基本用法是通过解构赋值将返回的数组分别赋值给变量，如下所示：\n\njavascript\nconst [state, setState] = useState(initialState);\n\n\n其中，state 表示当前状态的值，setState 是用于更新状态的函数，initialState 是状态的初始值。\n\n使用 setState 函数可以更新状态的值，而且更新状态不会合并，而是直接替换。这与类组件中的 this.setState 有所不同。\n\n例如，可以创建一个计数器的例子：\n\njavascript\nimport React, { useState } from 'react';\n\nfunction Counter() {\n const [count, setCount] = useState(0);\n\n const increment = () => {\n setCount(count + 1);\n };\n\n const decrement = () => {\n setCount(count - 1);\n };\n\n return (\n <div>\n <button onClick={increment}>增加</button>\n <button onClick={decrement}>减少</button>\n <p>当前计数：{count}</p>\n </div>\n );\n}\n\n\n在上述代码中，useState(0) 表示初始状态为 0，count 表示当前状态的值，setCount 是用于更新状态的函数。increment 和 decrement 函数分别用于增加和减少 count 的值。在返回的 JSX 中，通过 onClick 事件绑定对应的函数来更新计数器的值，并将当前计数显示出来。\n\n总的来说，useState 是 React 中一个非常有用且常用的 Hook 函数，用于在函数组件中添加和管理状态。它使得函数组件具备了类组件中的状态管理能力，使得代码更加简洁和易于理解。