是否能定义一个带返回的组件？

是否能定义一个带返回的组件或是Builder,自己执行一段程序，然后返回一个结果。

@Builder MenuIconBuild(text: string, action?: CallBack<String>) {  
  Column(){  
    Text(text)  
  }.onClick(() => {  
    console.log('输出');  
    action('111');  
  })  
  
  this.MenuIconBuild('111', ()=> {  
  
  })

HarmonyOS

FengTianYa

2024-10-08 11:45:36

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

参考：

@Component  
struct Child {  
  @State private text: string = '初始值'  
  private controller: ChildController = new ChildController();  
  
  aboutToAppear() {  
    // 子组件调用的方法为父组件传递过来的方法  
    this.controller.testFunc('im the son')  
    // 将testFunc方法用子组件方法进行覆盖  
    if (this.controller) {  
      this.controller.testFunc = this.testFunc  
    }  
  }  
  
  // 子testFunc方法的具体实现  
  testFunc = (value: string) => {  
    this.text = value  
    console.log('[testFunc]testFunc call from Child')  
    return "[testFunc]我是儿子的方法"  
  }  
  
  build() {  
    Column() {  
      Text(this.text)  
    }  
  }  
}  
  
// 定义声明testFunc方法的controller  
class ChildController {  
  // 定义子testFunc方法同名的空方法  
  testFunc = (value: string) => {  
    console.log('[testFunc]testFunc: ' + value)  
    return "[testFunc]我是公共定义的空方法"  
  }  
}  
  
@Entry  
@Component  
struct Parent {  
  private ChildRef = new ChildController()  
  
  aboutToAppear(): void {  
    this.ChildRef.testFunc = this.testFunc  
  }  
  
  // 父testFunc方法的具体实现  
  testFunc = (value: string) => {  
    console.log('[testFunc]我是父亲的testFunc方法 : ' + value)  
    return "[testFunc]我是父亲的方法"  
  }  
  
  build() {  
    Column() {  
      Text('获取Child的exposedMethods!').fontSize('18vp').fontColor(Color.Gray)  
      Divider()  
      // 将父方法作为参数传递给子组件  
      Child({ controller: this.ChildRef })  
      // 父组件调用子组件的方法  
      Button('Parent调用children的方法').onClick(() => {  
        let text = this.ChildRef.testFunc('Parent调用children的方法')  
        console.info('[testFunc]testFunc info:' + JSON.stringify(text))  
      })  
    }  
  }  
}