HarmonyOS 子组件中点击事件交给父组件处理，在父组件种修改数据后子组件不刷新

子组件中点击事件交给父组件处理，在父组件种修改数据后子组件不刷新，请问怎么实现子组件能正常刷新？测试代码如下：

@Observed  
class GroupResponse {  
  name: string = ''  
  constructor(name: string) {  
    this.name = name  
  }  
}  
@Entry  
@Component  
struct Test15 {  
  @State data: GroupResponse = new GroupResponse("test1")  
  build() {  
    Column() {  
      Child(  
        {  
          item: this.data,  
          onItemClick: (item: GroupResponse) => {  
             item.name='test2'  
            console.log(JSON.stringify(item))  
          }  
        }  
      )  
    }  
  }  
}  
@Component  
struct Child {  
  @ObjectLink item: GroupResponse  
  onItemClick = (item: GroupResponse): void => {  
  }  
  build() {  
    Text(this.item.name)  
      .fontSize(16)  
      .onClick(() => {  
        this.onItemClick(this.item)  
      })  
  }  
}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.

HarmonyOS

superinsect

2024-10-14 10:00:46

浏览

回答 1

按赞同

按时间

Heiang

父子页面数据交互可参考以下demo：

@Entry  
@Component  
struct Index {  
  @State data: Array<number> = [11,22]  
  build() {  
    Column() {  
      Child(  
        {  
          //todo 1、定义父页面的参数和方法  
          item: this.data,  
          onItemClick: () => {  
            //todo 2、子页面调用父页面的方法，通过父页面方法修改父页面数据  
            this.data.push(33)  
            console.log(JSON.stringify(this.data))  
          }  
        }  
      )  
    }  
  }  
}  
@Component  
struct Child {  
  //todo 3、子页面感知父页面数据变化，渲染子页面数据  
  @Link item: Array<number>  
  onItemClick = (item: Array<number>): void => {  
  }  
  build() {  
    Text(this.item.toString())  
      .fontSize(16)  
      .onClick(() => {  
        this.onItemClick(this.item)  
      })  
  }  
}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.