react 父組件 調用 子組件的方法

標籤：ref   ams   搜尋   form   組件   bind   validate   value   arch   

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 父組件 調用 子組件的方法