数据结构嵌套二维数组的情况下，如何监测数组数据的变化触发UI的刷新？

let NextID: number = 1;  
  
@Observed  
class ClassA {  
  public id: number;  
  public c: number;  
  
  constructor(c: number) {  
    this.id = NextID++;  
    this.c = c;  
  }  
}  
  
@Observed  
class ClassB {  
  public a: ClassA;  
  
  constructor(a: ClassA) {  
    this.a = a;  
  }  
}  
  
@Observed  
class ClassD {  
  public c: ClassC;  
  
  constructor(c: ClassC) {  
    this.c = c;  
  }  
}  
  
@Observed  
class ClassC extends ClassA {  
  public k: number;  
  
  constructor(k: number) {  
    // 调用父类方法对k进行处理  
    super(k);  
    this.k = k;  
  }  
}

@Component  
struct ViewC {  
  label: string = 'ViewC1';  
  @ObjectLink c: ClassC;  
  
  build() {  
    Row() {  
      Column() {  
        Text(`ViewC [${this.label}] this.a.c = ${this.c.c}`)  
          .fontColor('#ffffffff')  
          .backgroundColor('#ff3fc4c4')  
          .height(50)  
          .borderRadius(25)  
        Button(`ViewC: this.c.c add 1`)  
          .backgroundColor('#ff7fcf58')  
          .onClick(() => {  
            this.c.c += 1;  
            console.log('this.c.c:' + this.c.c)  
          })  
      }  
      .width(300)  
    }  
  }  
}  
  
@Entry  
@Component  
struct ViewB {  
  @State b: ClassB = new ClassB(new ClassA(0));  
  @State child : ClassD = new ClassD(new ClassC(0));  
  build() {  
    Column() {  
      ViewC({ label: 'ViewC #3', c: this.child.c})  
      Button(`ViewC: this.child.c.c add 10`)  
        .backgroundColor('#ff7fcf58')  
        .onClick(() => {  
          this.child.c.c += 10  
          console.log('this.child.c.c:' + this.child.c.c)  
        })  
    }  
  }  
}