React中父组件执行子组件的函数 使用class + onRef写法

在React中,父组件执行子组件的函数的写法如下

父组件中

添加函数

onRef = (ref) => {
  this.child = ref
}

  

 

  
1
  
2
  
3
 

在使用子组件时

<ChildComponet onRef={this.onRef} />

  

 

  
1
 

onRef是固定的用法,

在子组件里

componentDidMount(){
  this.props.onRef(this)
}

  

 

  
1
  
2
  
3
 

父组件执行子组件的函数

submitFun = () => {
  this.child.onReset();
}

  

 

  
1
  
2
  
3
 

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/107323193