修改ForEach使用的数据对象，UI不刷新

class Item { 
 id: number; 
 val: string; 
 constructor(id: number, val: string) { 
   this.id = id; 
   this.val = val; 
 } 
} 
  
@Entry 
@Component 
struct IndexOne { 
 @State arr: Array<Item> = [new Item(1, '1'), new Item(2, '2'), new Item(3, '3')]; 
  
 build() { 
   Column() { 
     Button('change second value') 
       .onClick(()=>{ 
         // 修改数据内容时Item对象的id没有发生变化，导致item.id.toString()在数组变化前后没有改变，界面不刷新。 
         // 修改为：this.arr[1] = new Item(4, '4') 
         this.arr[1] = new Item(2, '4') 
       }) 
     List() { 
       ForEach(this.arr, (item: Item) => { 
         ListItem() { 
           Text(item.id + item.val) 
         } 
       }, (item: Item) => item.id.toString() ) 
     }.width('100%').height(300) 
   } 
 } 
}
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.