HarmonyOS @Observed/@ObjectLink装饰器相关问题

import { plainToClass, Type } from 'class-transformer'; 
import 'reflect-metadata'; 
import { Person, ViewA } from './ViewA'; 
 
class ResponseObj { 
  @Type(() => Person) 
  data: Person[] = []; 
} 
 
 
@Entry 
@Component 
struct TestJson { 
  @State list: Person[] = []; 
  @State message: string = 'Click me'; 
 
 
  aboutToAppear(): void { 
    let str = '{"data" : [{"number" :1,"age": 20, "testA": { "str" : "123"}},{"number" :2,"age": 21,"testA": {"str" : "456"}}]}' 
    let jsonData: ESObject = JSON.parse(str) 
    let responseObj: ResponseObj = plainToClass(ResponseObj, jsonData); 
    console.log( ${responseObj.data[0] instanceof Person}) 
    this.list = this.list.concat(responseObj.data); 
  } 
 
 
  build() { 
    Row() { 
      Column() { 
        ForEach(this.list, (item: Person, index: number) => { 
          ViewA({ index: index, testA: item.testA }) 
        }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
} 
 
 
ViewA.ets 
import { Type } from 'class-transformer' 
 
 
@Observed 
export class TestA { 
  public str : string 
 
 
  constructor(str: string) { 
    this.str = str; 
  } 
} 
 
 
export class Person { 
  name: string = '' 
  age: number = 1 
 
 
  @Type(()=>TestA) 
  testA: TestA = new TestA('') 
} 
 
 
@Component 
export struct ViewA { 
  @ObjectLink testA: TestA 
  index: number = -1; 
 
 
  build() { 
    Row(){ 
      Button(View A ${this.testA.str}).onClick(() =>{ 
        this.index += 1; 
        this.testA.str = ${this.index} : Test A String 
      }) 
    }.margin({top : 10 }) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.

ohpm install class-transformer 
ohpm install reflect-metadata
1.
2.