react 子组件调用父方法

在React中，子组件可以通过props来调用父组件中的方法。有几种常见的方法可以实现这个功能。

第一种方法是在父组件中定义方法，并将其绑定到子组件上。在子组件中，可以通过this.props来调用父组件中的方法。例如，在父组件中定义一个方法fun，并将其绑定到子组件上，然后在子组件中通过this.props.getFun()来调用该方法。\[1\]

第二种方法是在子组件中通过this.props来直接调用父组件中的方法。在子组件中，可以通过this.props来访问父组件传递过来的方法，并直接调用它。例如，在子组件中通过this.props.getFun()来调用父组件中的方法。\[2\]

第三种方法是在子组件页面初始化完成后，通过this.props调用父组件页面的方法，并将子组件页面内容绑定到父组件。在子组件的componentDidMount()生命周期方法中，可以通过this.props.onRef(this)来调用父组件中的方法，并将子组件的内容绑定到父组件。\[3\]

以上是React中子组件调用父组件方法的几种常见方法。具体使用哪种方法取决于你的需求和项目的架构。
#### 引用[.reference_title]
- *1* *2* [react 中子组件调用父组件的方法](https://blog.csdn.net/weixin_30416871/article/details/94885711)[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]
- *3* [React父子组件间方法调用](https://blog.csdn.net/noeal/article/details/115300055)[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 ]