HarmonyOS @State刷新不了数组里面包含类的字段刷新UI

@Entry
@Component
struct test{

  @State baseMarkerData: Array<BeanMarkLayer> = [];

  this.baseMarkerData.push(new BeanMarkLayer($r('app.media.personnel_default'), $r('app.media.personnel_select'),
  "现场人员", false));
  this.baseMarkerData.push(new BeanMarkLayer($r('app.media.monitor_default'), $r('app.media.monitor_select'),
  "视频监控", false));
  this.baseMarkerData.push(new BeanMarkLayer($r('app.media.car_default'), $r('app.media.car_select'), "救援车辆",
  false));

  @Builder
  ItemMapMarkerLayer(item: BeanMarkLayer, isBold: boolean) {
    Column() {
      Image(item.isSelect ? item.imageSelect : item.imageNormal)
        .width(36)
        .height(36)
        .borderRadius(18)
        .onClick(() => {
          item.isSelect = !item.isSelect
        })
      Text(item.markName)
        .fontSize(12)
        .fontColor('#333333')
        .margin({ top: 5 })
        .fontWeight(isBold ? FontWeight.Bold : FontWeight.Normal)
    }
    .width('auto')
    .height('auto')
  }

  build() {
    Row() {
      ForEach(this.baseMarkerData, (item: BeanMarkLayer, index) => {
        this.ItemMapMarkerLayer(item, true)
      })
    }
    .justifyContent(FlexAlign.SpaceAround)
    .width('100%')
    .height('auto')
    .margin({ top: 10, bottom: 10 })
    .padding({ left: 10, right: 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.

点击状态是想发生变化但是测试点击好像没变化，原因是什么？