HarmonyOS 鸿蒙Next自定义组件实现controller的想法

原因

在分享完上篇帖子后，我翻阅文档发现官方提交的组件会有一个controller类来实现组件自定义方法的导出，于是我就顺着官方组件提供的代码实现了一个demo，欢迎大家指正留言。

上篇帖子的链接：https://developer.huawei.com/consumer/cn/forum/topic/0203135647591187191?fid=0102683795438680754

解决方案

老样子直接贴代码：

import test from './test'
[@Component](/user/Component)
struct Child {
 [@State](/user/State) private text: string = '初始值'
 private controller: ChildController

 aboutToAppear() {
   if(this.controller) {
     this.controller.changeText = this.changeText.bind(this)
   }
 }

 private changeText(value: string) {
   this.text = value
 }

 build() {
   Column() {
     Text(this.text)
   }
 }
}

class ChildController {
 changeText: (value: string) => void

}

export let ChildRef = new ChildController()

[@Entry](/user/Entry)
[@Component](/user/Component)
struct Parent {
 // ChildRef = new ChildController()
 [@State](/user/State) noShow: boolean = false

 build() {
   Column() {
     Text('获取Child的exposeMethods!').fontSize('18vp').fontColor(Color.Gray)
     Divider()
     Child({ controller: ChildRef })
     Child()
     Button('Parent调用childer的changeText').onClick(() => {
       ChildRef.changeText('Parent调用childer的changeText')
     })
     test()
   }
 }
}