HarmonyOS 关于数组中class更改，List不触发更新问题

class PurchaseItem { 
  static NextId: number = 0; 
  public id: number; 
  public price: number; 
 
  constructor(price: number) { 
    this.id = PurchaseItem.NextId++; 
    this.price = price; 
  } 
} 
 
@Component 
struct BasketViewer { 
  @Link @Watch('onBasketUpdated') shopBasket: PurchaseItem[]; 
  @State totalPurchase: number = 0; 
 
  updateTotal(): number { 
    let total = this.shopBasket.reduce((sum, i) => sum + i.price, 0); 
    // 超过100欧元可享受折扣 
    if (total >= 100) { 
      total = 0.9 * total; 
    } 
    return total; 
  } 
  // @Watch 回调 
  onBasketUpdated(propName: string): void { 
    this.totalPurchase = this.updateTotal(); 
  } 
 
  build() { 
    Column() { 
      ForEach(this.shopBasket, 
        (item: PurchaseItem) => { 
          Text(`Price: ${item.price.toFixed(2)} €`) 
        }, 
        (item: PurchaseItem) => item.id.toString() 
      ) 
      Text(`Total: ${this.totalPurchase.toFixed(2)} €`) 
    } 
  } 
} 
 
@Entry 
@Component 
struct BasketModifier { 
  @State shopBasket: PurchaseItem[] = []; 
 
  build() { 
    Column() { 
      Button('Add to basket') 
        .onClick(() => { 
          this.shopBasket.push(new PurchaseItem(Math.round(100 * Math.random()))) 
        }) 
      BasketViewer({ shopBasket: $shopBasket }) 
    } 
  } 
}
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.