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

1.父组件

// 父组件
onRef = (ref) => {
  this.child = ref;
}

handleSearch(params){
  // 获取搜索框的值
  console.log(params);
}

<SearchForm
  search={this.handleSearch.bind(this)}
  onRef={this.onRef}
  submit={this.child.onSubmit}
></SearchForm>

2.子组件

// 子组件
componentDidMount(){
  this.props.onRef(this);
}

onSubmit = () => {
  // 获取表单的值
  this.props.form.validateFieldsAndScroll((err, values) => {
    if(!err){
      this.props.search && this.props.search(values);
    }
  });
}

.

原文地址：https://www.cnblogs.com/crazycode2/p/9852792.html