请阐述 React 中 useState 的使用方法，并给出一个具体实例。

回答思路

1. 【回答框架 1】useState 是 React 提供的一个 Hook，用于在函数组件中添加局部状态。它接收一个初始值作为参数，返回一个包含当前状态值和一个更新该状态的函数的数组，例如 const [count, setCount] = useState(0)。
2. 【回答框架 2】使用实例：创建一个计数器组件，点击按钮时通过 setCount(count + 1) 更新状态，组件会重新渲染并显示最新值。需注意更新函数可以接收一个新值或一个函数，当需要基于旧状态计算新状态时，应传入函数形式以确保状态更新的正确性。
3. 【回答框架 3】useState 的初始值只在首次渲染时使用，后续渲染会被忽略。如果初始值计算复杂，可以传入一个函数进行惰性初始化。
4. 【回答框架 4】在函数组件中，useState 必须遵循 Hook 规则：只能在组件顶层调用，不能放在条件或循环中，以保证 Hook 的调用顺序稳定。
5. 【关键点 1】useState 返回 [状态值, 更新函数]，用于函数组件状态管理。
6. 【关键点 2】更新函数可传新值或函数，基于旧状态更新时用函数形式。
7. 【关键点 3】初始值只在首次渲染生效，可通过函数实现惰性初始化。
8. 【关键点 4】遵守 Hook 规则，不在条件或循环中调用。
9. 【易错点 1】直接在更新函数中传入新值可能导致异步更新问题，应使用函数式更新。
10. 【易错点 2】在循环或条件中使用 Hook 会破坏 Hook 调用顺序，导致渲染错误。