HarmonyOS 父组件内有个自定义的类列表，用Grid布局到界面上，GridItem是一个自定义的@Component，如何在父组件控制刷新自定义的@Component

父组件内有个自定义的类列表，用Grid布局到界面上，GridItem是一个自定义的@Component，如何在父组件控制刷新自定义的@Component

大致代码如下

数据类

export default class PrivacyItem1 {
  selected: boolean = false;
  path: string = '';
}
1.
2.
3.
4.

自定义子组件

@Component
export struct PrivacyItemView1 {
  private itemWidth = 120;
  @Link editMode: boolean;
  @State data: PrivacyItem1 = {selected:false, path: ''};
  private onSelectChange: ((pi: PrivacyItem1, selected: boolean) => void) | undefined;
  private onItemClick:((pi:PrivacyItem1) => void) | undefined;
  @State selected:boolean = false;
  build() {
    RelativeContainer() {
      Text(this.data.path).alignRules({
        center:{anchor:'__container__',align:VerticalAlign.Center},
        middle:{anchor:'__container__',align:HorizontalAlign.Center},
      })

      if (this.editMode && this.selected) {
        Row(){
          Image($r('app.media.select')).width(40)
        }.width(this.itemWidth).height(this.itemWidth).backgroundColor(0x80000000).justifyContent(FlexAlign.Center)
      }
    }.width(this.itemWidth)
    .height(this.itemWidth)
    .border({
      width: 1,
      color: $r('app.color.lightGrey'),
      radius: 6
    }).onClick((event) => {
      if (this.editMode) {
        this.selected = !this.selected;
        if (this.onSelectChange!=undefined) {
          this.onSelectChange(this.data, this.selected);
        }
      }else{
        if (this.onItemClick != undefined) {
          this.onItemClick(this.data);
        }
      }
    })
  }
}
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.

父组件

@Entry
@Component
struct HideFileManager {
  @State privacyList: PrivacyItem1[] =
    [{ selected: false, path: '1' }, { selected: false, path: '2' }, { selected: false, path: '3' },
      { selected: false, path: '4' }];
  @State editMode:boolean = true;
  build() {
    Column() {
      Button('select all').onClick((event) => {
        // 这里要如何控制才能 改变子组件列表？
      })
      Grid() {
        ForEach(this.privacyList, (item: PrivacyItem1, i) => {
          GridItem() {
            PrivacyItemView1({
              data: item,
              editMode: this.editMode,
              onSelectChange: (pi: PrivacyItem1, selected: boolean) => {
                pi.selected = selected;
              },
              onItemClick: (pi: PrivacyItem1) => {

              }
            })
          }
        })
      }
    }
  }
}
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.