前端工程 · 框架
状态
State
也叫:State、状态管理、组件状态、useState
组件自己记住、会随用户操作变化的数据,状态一变,页面对应的部分就会自动重新渲染。
详细解释
状态就像比赛的记分牌:分数一变,大屏幕上的数字就跟着变。弹窗是否打开、输入框里写了什么、列表当前第几页、购物车里有几件商品,这些「会变、变了页面要跟着变」的数据就是状态。
React 里常用 useState 声明状态,必须通过它给的更新函数修改,直接改变量页面不会刷新。只在一个组件里用的叫局部状态;多个页面都要用的(如登录用户信息)叫全局状态,常用 Context、Zustand、Pinia 等管理。
和 Props 的区别:Props 是父组件传进来的、只读的;状态是组件自己拥有、可以改的。常见问题是状态放错了地方,导致两处数据不同步。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-state- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29