ArkTS @State 状态管理|响应式数据绑定完整教程
·
一、前言
@State装饰器,是 ArkTS 最基础状态管理语法。作用:修饰页面内变量,变量修改时,绑定该变量的 UI 组件自动刷新,项目 StateDemo、StateDemo3 完整演示状态响应逻辑。
二、@State 核心规则
- 仅能在
@Entry页面组件内使用,修饰页面私有变量; - 变量值发生修改,页面所有依赖该变量的组件自动重绘;
- 常用于:输入框内容、开关状态、单选选中值、按钮计数、轮播下标。
3. 项目实战场景
- 登录页 Login.ets:账号密码 TextInput 绑定 @State 变量,输入实时同步;

- ToggleDemo 开关:布尔 @State 变量控制开关开启关闭;

- Radio 单选案例:@State 数字记录选中项;

-
按钮点击计数:onClick 事件修改 @State 数值,页面数字同步变化。

四、 开发注意点 - @State 仅作用当前页面,跨页面传值需搭配路由参数;
- 复杂对象、数组同样支持响应式修改,修改后 UI 自动更新。
更多推荐


所有评论(0)