组件自定义回调函数实现

@Entry({ routeName: FLOW_PLAYBACK_PAGE })  
@Component  
export default struct FlowPlaybackPage {  
  
  build() {  
    Stack(){  
      Custom({  
        onClickEvent: (num:number) => {  
          this.onClickEvent2(num)  
        }  
      })  
    }  
  }  
  
  onClickEvent2 = (number:number):void =>{  
    console.log(number.toString());  
  }  
}  
  
@Component  
export struct Custom{  
  onClickEvent : (number:number) => void = ()=>{}  
  
  build() {  
    Stack()  
      .backgroundColor(Color.Black)  
      .width(200)  
      .height(200)  
      .onClick(() => {  
        this.onClickEvent(123)  
      })  
  }  
}
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.