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 @ 2020-06-17 16:28  Howar丶张  阅读(11709)  评论(0)    收藏  举报