HarmonyOS 事件传递最佳实践咨询

父子组件间双向通信可参考https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-component-state-management-V5

父组件调用子组件方法，

参考demo：

@Component
struct Child {
  @State private text: string = ‘初始值’
  private controller: ChildController = new ChildController();

  aboutToAppear() {
    if(this.controller) {
      this.controller.changeText = this.changeText
    }
    console.log(‘aaa’)
  }

  private changeText = (value: string) =>{
    this.text = value
    console.log(‘bbb’)
  }

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

class ChildController {
  changeText = (value: string) => {
    console.log(‘11111’)
  }
}

export let ChildRef = new ChildController()

@Entry
@Component
struct Parent {
  // ChildRef = new ChildController()
  @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’)
      })
    }
  }
}

子组件调用父组件方法可参考demo：
@Entry
@Component
struct Index {
  @State message: string = ‘Hello World’;

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Child({
          onClickOK: (): void => {
            console.log(‘test’)
          }
        })

      }
      .width(‘100%’)
    }
    .height(‘100%’)
  }
}

@Component
struct Child {
  onClickOK?: () => void;

  build() {
    Row() {
      Column() {
        Button(‘事件’)
        .onClick(()=>{
          if (this.onClickOK !== undefined) {
            this.onClickOK()
          }
        })
      }
      .width(‘100%’)
    }
    .height(‘100%’)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.