react子组件如何触发父组件的方法

在React中，子组件可以通过props将自身的内容绑定到父组件，并通过props调用父组件的方法。首先，在子组件的页面初始化完成后，可以使用this.props调用父组件的onRef()方法将子组件的内容绑定到父组件。具体做法是在子组件的componentDidMount()生命周期方法中加入以下代码：

componentDidMount() {
  if (this.props.onRef !== undefined) {
    this.props.onRef(this);
  }
}

这样，子组件页面内容就会被成功地绑定到父组件中。接下来，子组件可以通过this.props调用父组件的方法。例如，子组件可以使用以下代码触发父组件的changeTypeTable()方法：

if (this.props.changeTypeTable !== undefined) {
  this.props.changeTypeTable("666");
}

这样，子组件就可以成功地触发父组件的方法。另外，父组件还可以通过定义绑定方法onRef()来调用子组件的方法。在父组件页面中，可以使用以下代码定义onRef()方法：

onRef = ref => {
  this.child = ref;
};

通过这个方法，父组件就可以调用子组件的方法了。总结起来，子组件可以通过props将自身的内容绑定到父组件，并通过props调用父组件的方法；而父组件可以通过定义绑定方法onRef()来调用子组件的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *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^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]