React -父组件获取子组件的值-以及方法

1、通过 ref

<Child  ref="demo" />   给子组件添加ref属性

  在父组件使用 `this.refs.demo.state.xxx` 来获取子组件state里面的xxx的值
          
  使用 `this.refs.demo.dosomthing()` 来调用子组件的dosomthing()方法

 

2、通过onRef

<Child onRef={(ref)=>this.child=ref} /> 给子组件添加ref属性

在子组件中,
componentDidMount() {
this.props.onRef(this);
}
在父组件中,
this.child.state.xxx //获取
this.child.dosomthing() // 调用

 

相关文章

一、前言 在组件方面react和Vue一样的,核心思想玩的就是组件...
前言: 前段时间学习完react后,刚好就接到公司一个react项目...
前言: 最近收到组长通知我们项目组后面新开的项目准备统一技...
react 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...