一、前言

@State装饰器,是 ArkTS 最基础状态管理语法。作用:修饰页面内变量,变量修改时,绑定该变量的 UI 组件自动刷新,项目 StateDemo、StateDemo3 完整演示状态响应逻辑。

二、@State 核心规则

  1. 仅能在@Entry页面组件内使用,修饰页面私有变量;
  2. 变量值发生修改,页面所有依赖该变量的组件自动重绘;
  3. 常用于:输入框内容、开关状态、单选选中值、按钮计数、轮播下标。
3. 项目实战场景
  1. 登录页 Login.ets:账号密码 TextInput 绑定 @State 变量,输入实时同步;
  2. ToggleDemo 开关:布尔 @State 变量控制开关开启关闭;
  3. Radio 单选案例:@State 数字记录选中项;
  4. 按钮点击计数:onClick 事件修改 @State 数值,页面数字同步变化。


    四、 开发注意点

  5. @State 仅作用当前页面,跨页面传值需搭配路由参数;
  6. 复杂对象、数组同样支持响应式修改,修改后 UI 自动更新。
Logo

讨论HarmonyOS开发技术,专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐