输入关键字搜索
开发者能力认证
鸿蒙高校创新赛
HarmonyOS 7
animation
HarmonyOS行业解决方案
layoutWeight
HarmonyOS模板&组件
bindPopup
bindsheet
CTRL+K
管理中心
全部文档版本说明工具设计指南与API参考开发与测试上架分发与运营问题处理与运维最佳实践行业解决方案
问题处理与运维
您当前正在浏览新版开发者文档中心，目录分类和层级有所调整。点击左侧当前文档分类名称前的“☰”图标，可切换文档分类。 了解新版目录
问题处理与运维开发与测试问题应用框架开发UI框架组件使用使用BuilderParam在父组件调用this的方法报错：Error message: undefined is not callable

使用BuilderParam在父组件调用this的方法报错：Error message: undefined is not callable

更新时间: 2026-06-15 08:43
复制页面

问题场景

在子组件Child中使用@BuilderParam参数时，如果在父组件中将父组件的builder函数传递给子组件，并在builder函数中调用父组件的方法，可能会出现Error message: undefined is not callable的错误。

问题代码如下：

收起
自动换行
深色代码主题
复制
  1. @Component
  2. struct Child {
  3.   @Builder
  4.   FunABuilder0() {};
  5. 

  6.   @BuilderParam aBuilder0: () => void = this.FunABuilder0;
  7. 

  8.   build() {
  9.     Column() {
  10.       this.aBuilder0()
  11.     }
  12.   }
  13. }
  14. 

  15. @Entry
  16. @Component
  17. struct Parent {
  18.   @Builder
  19.   componentBuilder() {
  20.     Text('Parent builder')
  21.       .onClick(() => {
  22.         this.test1();
  23.       })
  24.   }
  25. 

  26.   test1(): void {
  27.     console.info('test1');
  28.   }
  29. 

  30.   build() {
  31.     Column() {
  32.       Child({ aBuilder0: this.componentBuilder })
  33.     }
  34.   }
  35. }
ResolvingIsNotCallable.ets

解决方案

在JavaScript中调用this时，需要注意this的指向。当前代码在子组件中声明builder方法时，this指向的是父组件。而@Builder componentBuilder()通过this.componentBuilder的形式传给子组件@BuilderParam customBuilderParam，此时this指向的是子组件Child的label，即 “Child”。因此，在点击事件响应时，this指向的是Child，而Child中没有test1()方法，从而导致 JavaScript 错误。

为了解决这个问题，需要在父组件中声明子组件时，通过监听函数将 `this` 传递到子组件。应改为：

收起
自动换行
深色代码主题
复制
  1. Child({
  2.   aBuilder0: () => {
  3.     this.componentBuilder()
  4.   }
  5. })
ResolvingIsNotCallable.ets

参考链接

@BuilderParam装饰器：引用@Builder函数

自定义组件是否能通过容器保存
Component如何监听应用前后台切换
简体中文
华为开发者联盟 版权所有 ©2026
问题反馈
使用条款
华为开发者联盟用户协议
关于华为开发者联盟与隐私的声明
Cookies
开源软件声明