react中怎样在父组件中获取子组件中的Dom和方法

官网已经不推荐使用ref=字符串的形式, 后来就没用了refs这种形式了, 大多是使用ref=() => {}箭头函数的形式来获取

class Parent extends PureComponent {

  componentDidMount() {    console.log(this.child._input) // 这里就能拿到子组件的input

  }

  render() {    return (

      <div>

        <Childed ref={r => this.child = r} />

      </div>

    )

  }

}

 

class Childed extends PureComponent {

 

  render() {

    return (

      <div>

        <input type="text" ref={r => this._input = r} />

      </div>

    )

  }

}