首页 > 其他 > 详细

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

时间:2018-10-25 21:00:59      阅读:149      评论:0      收藏:0      [点我收藏+]

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);
    }
  });
}

.

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!