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

@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)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.