react 父组件调用子组件的方法

在React中，父组件调用子组件的方法有两种常见的方式。

第一种方式是通过在子组件中将方法作为props传递给父组件，然后在父组件中调用该方法。在引用\[1\]中的代码示例中，子组件通过调用`this.props.onChildEvent(this)`将子组件的实例作为参数传递给父组件的函数。然后，在父组件中，可以通过子组件的实例来调用子组件的方法。例如，在父组件的`handleClick`方法中，可以通过`this.childRef.sendMessage()`来调用子组件的`sendMessage`方法。

第二种方式是使用`useImperativeHandle`钩子函数。在引用\[2\]中的代码示例中，子组件使用`useImperativeHandle`将子组件的方法暴露给父组件。父组件可以通过子组件的引用来调用子组件的方法。例如，在父组件的`handleClick`方法中，可以通过`this.childRef.sendMessage()`来调用子组件的`sendMessage`方法。

无论使用哪种方式，父组件都可以通过子组件的实例或引用来调用子组件的方法。
#### 引用[.reference_title]
- *1* *2* *3* [React 父组件调用子组件中的方法](https://blog.csdn.net/qq_40738077/article/details/119427313)[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,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]