react 的 Trigger组件

React中的Trigger组件是一个父组件，它包含一个Child组件和一个按钮。当Trigger组件的按钮被点击时，它会通过子组件的实例调用子组件中的方法。具体实现如下：

在Parent.js中，定义了一个Parent组件，它包含一个Child组件和一个按钮。在Parent组件的render方法中，通过`<Child onChildEvent={this.handleChildEvent} />`将`handleChildEvent`方法传递给Child组件的`onChildEvent`属性。这样，在Child组件的`componentDidMount`方法中，通过`this.props.onChildEvent(this)`将Child组件的实例传递给Parent组件的`handleChildEvent`方法。

在Parent组件的`handleClick`方法中，通过`this.childRef.sendMessage()`调用Child组件中的`sendMessage`方法。

这样，当Trigger组件的按钮被点击时，会触发Child组件中的`sendMessage`方法。
#### 引用[.reference_title]
- *1* *3* [React 父组件调用子组件中的方法，Ref的使用](https://blog.csdn.net/ZiChen_Jiang/article/details/126418463)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [React组件之间传值](https://blog.csdn.net/weixin_41719836/article/details/80393137)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]