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

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

HarmonyOS
2024-06-11 20:57:04
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
wjmfzsz

Step 1 确保在代码中ForEach使用的数据对象已被状态变量修饰。

Step 2 确保数据变化前后ForEach生成的子组件键值发生了变化。

异常代码示例

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) 
   } 
 } 
}
分享
微博
QQ
微信
回复
2024-06-12 22:50:37
相关问题
IF条件变化后UI刷新
216浏览 • 1回复 待解决
状态装饰器 ui刷新问题
1292浏览 • 1回复 待解决
openharmony napi 异步耗时阻塞jsui刷新
4165浏览 • 1回复 已解决
ForEach数组数据无法传输
4082浏览 • 1回复 待解决
卡片数据刷新时间如何支持配置
801浏览 • 1回复 待解决
前端手动刷新显示Rdb数据
443浏览 • 1回复 待解决