forwardRef的使用场景

当我们想把获取某个元素的ref时，但它被多层组件包裹时我们可以使用forwardRef将 ref 自动地通过组件传递到其一子组件

import React, { Component,createRef,forwardRef } from 'react'
const Child = forwardRef( (props,ref)=>{
  return(
    <div>
      <h1>Child组件</h1>
      <input ref={ref} />
    </div>
  )
})
export default class App extends Component {
  constructor(props){
    super(props)
    this.child = createRef()
  }
  componentDidMount(){
    this.child.current.focus()
  }
  render() {
    return (
      <div>
        <h1>App...</h1>
        <Child ref={this.child} />
      </div>
    )
  }
}