react 父组件 调用 子组件的方法
Posted crazycode2
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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);
}
});
}
.
以上是关于react 父组件 调用 子组件的方法的主要内容，如果未能解决你的问题，请参考以下文章