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() {  
            }  
          })  
        }  
      }  
    }  
  })  
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

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

HarmonyOS

superinsect

2024-09-24 12:36:55

浏览

回答 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"  
          })  
        })  
    }  
  }  
}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.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.

2024-09-24 18:03:54

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS List嵌套不能同步数据

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