HarmonyOS List嵌套不能同步数据

List({ scroller: this.scroller }) {  
  ForEach(this.list, (titleInfo: BusinessInfo) => {  
    ListItemGroup({  
      header: this.ClassifyHeader(titleInfo.MENU_NAME)  
    }) {  
      ListItem() {  
        Gid(){  
          ForEach(titleInfo.childs, (course: BusinessInfo, index: number) => {  
            GridItem() {  
            }  
          })  
        }  
      }  
    }  
  })  
}

this.list通过通知刷新数据后,build断点ForEach这一行断住了，里面的ListItemGroup不执行，请问怎么才能让里面的代码执行？BusinessInfo已经使用@Observed修饰。

HarmonyOS

superinsect

2024-09-24 12:36:55

浏览

回答 1

待解决

回答 1

按赞同

按时间

FengTianYa

请参考如下指导：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-observed-and-objectlink-V5#%E4%BA%8C%E7%BB%B4%E6%95%B0%E7%BB%84

demo代码如下，可以监听到二维数组内部变化。

@Observed  
class GidChilds {  
  name: string;  
  
  constructor(name: string) {  
    this.name = name;  
  }  
}  
  
@Observed  
class GidChildsArray extends Array<GidChilds> {  
  title: string = 'title';  
}  
  
@Component  
struct GridItemPage {  
  @ObjectLink child: GidChilds;  
  
  build() {  
    GridItem() {  
      Text(this.child.name)  
    }  
    .width('25%')  
  }  
}  
  
@Component  
struct ListItemPage {  
  @ObjectLink itemArr: GidChildsArray;  
  
  build() {  
    Row() {  
      Grid() {  
        ForEach(this.itemArr, (child: GidChilds, index) => {  
          GridItemPage({ child: child })  
            .width('25%')  
        }, (child: GidChilds) => JSON.stringify(child))  
      }  
    }  
  }  
}  
  
@Entry  
@Component  
struct IndexPage {  
  @State arr: Array<GidChildsArray> = [new GidChildsArray(), new GidChildsArray(), new GidChildsArray()];  
  aboutToAppear(): void {  
    this.arr[0].title = '1';  
    this.arr[1].title = '2';  
    this.arr[2].title = '3';  
  }  
  
  @Builder  
  ClassifyHeader(text: string) {  
    Text(text)  
      .fontSize(20)  
      .backgroundColor('#fff1f3f5')  
      .width('100%')  
      .padding(5)  
  }  
  
  build() {  
    Column() {  
      List() {  
        ForEach(this.arr, (itemArr: GidChildsArray) => {  
          ListItemGroup({ header: this.ClassifyHeader(itemArr.title) }) {  
            ListItem() {  
              ListItemPage({ itemArr: itemArr })  
            }  
          }  
        }, (itemArr: GidChildsArray) => JSON.stringify(itemArr.title))  
      }  
  
      Divider()  
  
      Button('create')  
        .onClick(() => {  
          this.arr[0].push(new GidChilds("a"))  
        })  
  
      Button('update')  
        .onClick(() => {  
          this.arr[0].forEach(item => {  
            item.name = "b"  
          })  
        })  
    }  
  }  
}

2024-09-24 18:03:54

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS List嵌套不能同步数据

订阅鸿蒙技术特刊，精选内容抢先看