HarmonyOS 数组监听问题

参考demo:

import { JSONUtil } from "@pura/harmony-utils"

@Entry
@Component
struct familyPolicy {
  @State model: CPICPolicyModel | null = null

  build() {
    Row() {
      this.tableList({
        params: this.model?.validSortList || []
      })

      Button('请求数据').onClick(() => {
        setTimeout(() => {
          this.model = JSONUtil.jsonToBean(CPICPolicyModel, '{"validSortList":[{"className":"a"},{"className":"b"}]}')
        }, 2000)
      })
    }
  }

  @Builder
  tableList(p: TMP) {
    Column() {
      Row() {
        Text('有效保单 ' + this.model?.validSortList?.length)
          .height(28)
          .fontSize(13)
          .fontColor('#3557F9')
          .backgroundColor('#E1EEFF')
          .borderRadius(14)
          .textAlign(TextAlign.Center)
          .padding({ left: 12, right: 12 })
      }
    }
  }
}

class TMP {
  params: PolicyList[] | null = []
}

@Observed
export class CPICPolicyModel {
  validSortList?: PolicyList[]
}

@Observed
export class PolicyList {
  className?: string
}
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.