2026/09/06
useState：管理组件的“内部状态”
最近更新于 2026/09/06 · 约 1 分钟读完
useState 是 React 函数组件用于定义和更新响应式数据的 Hook。
- 基本语法：
const [state, setState] = useState(initialState)state：当前状态值。setState：更新函数，调用后会触发当前组件及其所有子组件的重新渲染（Re-render）。
- 核心特性（容易踩坑）：
- 异步批处理：
setState是异步的，在事件处理函数中多次调用，React 会合并为一次渲染。 - 函数式更新：如果新状态依赖旧状态，推荐使用
setState(prev => prev + 1)，避免因闭包导致拿到过期值。 - 惰性初始化：如果初始值需要复杂计算，可以传入函数
useState(() => expensiveComputation())，该函数只会在首次渲染时执行一次。
- 异步批处理：