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() // 调用

 

posted @ 2021-08-15 15:24  rachelch  阅读(1956)  评论(0编辑  收藏  举报