#鸿蒙通关秘籍#如何避免在鸿蒙开发中使用状态变量强行更新组件？

在ArkUI中，避免使用自定义UI状态变量来更新与非状态变量关联的组件，而应该使用框架的状态管理机制。通过使用@State装饰器，将需要更新的变量转化为状态变量，以自然触发UI更新。

@Entry
@Component
struct CompA {
  @State realState1: Array<number> = [4, 1, 3, 2];
  @State realState2: Color = Color.Yellow;

  build() {
    Column({ space: 20 }) {
      ForEach(this.realState1, (item: Array<number>) => {
        Text(`${item}`)
      })
      Text("add item")
        .onClick(() => {
          this.realState1.push(this.realState1[this.realState1.length-1] + 1);
        })
      Text("chg color")
        .onClick(() => {
          this.realState2 = this.realState2 == Color.Yellow ? Color.Red : Color.Yellow;
        })
    }.backgroundColor(this.realState2)
    .width(200).height(500)
  }
}