如何在ArkTS中使用@State装饰器来定义组件的状态变量，并在需要时更新它们？

Question

如何在ArkTS中使用@State装饰器来定义组件的状态变量，并在需要时更新它们？
本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。

Answer 1

在 ArkTS 中，可以使用@State装饰器来定义组件的状态变量。当状态变量的值发生变化时，组件会自动重新渲染以反映这些变化。
以下是一个示例：

@Component
struct MyComponent {
  @State count: number = 0;

  build() {
    Column() {
      Text(`Count: ${this.count}`);
      Button('Increment')
       .onClick(() => {
          this.count++;
        });
    }
  }
}

在这个例子中，count被定义为一个状态变量，初始值为 0。当点击按钮时，count的值会增加，由于count是状态变量，组件会自动重新渲染以显示更新后的count值。
🔗 参考资料：华为开发者文档中关于状态管理和@State装饰器的说明。

本文参与了【 HarmonyOS NEXT 技术问答冲榜，等你来战！】，欢迎正在阅读的你也加入。