react获取ref

class JqComponent extends React.Component {
  constructor(props) {
    super(props)
    // 方法一
    this.refDom = React.createRef()
  }
  componentDidMount() {
    // 挂在完成，获取dom
    console.log(this.el, this.refs.h1, this.refDom.current)
  }
  render() {
    return (
      <div>
        {/* 方法二 */}
        <h1 ref={(el) => (this.el = el)}>hello</h1>
        {/* 方法三 */}
        <h2 ref={"h1"}>world</h2>
        {/* 方法一 */}
        <h3 ref={this.refDom}>hello world</h3>
      </div>
    )
  }
}

获取子组件的dom，参考官网ref转发或者父子组件、高阶组件文章