HarmonyOS 鸿蒙Next 开源中 ets子组件调用父组件中的方法？

HarmonyOS 鸿蒙Next 开源中 ets子组件调用父组件中的方法？ 请问有相关的demo吗？听说使用回调可以，参考了一下这个案例：

https://gitee.com/openharmony/app_samples/tree/master/device/DeviceManager

这个案例也不是直接使用子组件进行调用，请问有其他的demo或者具体的可行方法指导参考一下吗？

4 回复

开发者您好，可以尝试用如下方式调用：

1.png

更多关于HarmonyOS 鸿蒙Next 开源中 ets子组件调用父组件中的方法？的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


可以

那请问有demo或者文档来参考吗？

在HarmonyOS鸿蒙Next开源框架中，ets（Extend TypeScript）子组件调用父组件中的方法可以通过事件机制或者通过父组件提供的方法引用实现。以下是实现方式简述：

  1. 事件机制： 子组件可以通过触发自定义事件，将调用父组件方法的请求传递给父组件。父组件监听该事件，并在事件处理函数中执行相应的方法。

  2. 方法引用： 父组件在创建子组件时，可以将需要被调用的方法作为属性传递给子组件。子组件通过该属性引用直接调用父组件的方法。

示例代码（简化）：

// 父组件
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Parent {
    @State message: string = "Hello from Parent";

    callParentMethod() {
        console.log("Parent method called");
    }

    build() {
        Column() {
            Child(this.callParentMethod)
        }
    }
}

// 子组件
[@Component](/user/Component)
struct Child {
    @Prop parentMethod: () => void;

    callParent() {
        this.parentMethod();
    }

    build() {
        Button("Call Parent")
            .onClick(() => this.callParent())
    }
}
``

注意，上述代码仅为示例，实际开发中可能需要根据具体情况调整。如果问题依旧没法解决请联系官网客服，官网地址是 [https://www.itying.com/category-93-b0.html](https://www.itying.com/category-93-b0.html)，
回到顶部