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)  
      })  
  }  
}
HarmonyOS
2024-10-14 10:00:46
浏览
收藏 0
回答 1
待解决
回答 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)  
      })  
  }  
}
分享
微博
QQ
微信
回复
2024-10-14 17:50:00
相关问题
组件中如何处理组件点击事件
2624浏览 • 1回复 待解决
设置组件的宽度超出组件
467浏览 • 1回复 待解决
组件事件可以传到组件
520浏览 • 1回复 待解决
组件事件能否到传递组件
2273浏览 • 1回复 待解决
组件调用组件的方法
1167浏览 • 1回复 待解决
组件组件传递函数
204浏览 • 1回复 待解决
组件调用组件里的方法
194浏览 • 1回复 待解决
组件组件使用@Link双向同步
836浏览 • 1回复 待解决
组件溢出容器问题
1187浏览 • 1回复 待解决
如何设置组件组件宽度变化
2054浏览 • 1回复 待解决