forwardRef（ref转发）

将父组件的ref转发给子组件，从而让父组件的ref引用子组件中的dom元素

1.需要在子组件中引入formwardRef,将需要转发的子元素标签的ref赋值给传递进来的ref 2.在父组件中引入子组件，将ref绑定一个useref

father.jsx
import React, { useRef } from 'react'
import Son from "../Son"
const Father=()=>{
const inputRef=useRef()
const clickHandle=()=>{
      console.log(inputRef.current.value)
}
return(
    <div>
        父组件
        <Son ref={inputRef}></Son>
        <button onClick={clickHandle}>点击转发</button>
    </div>
)
}
export default Father

son.jsx
import React, {forwardRef } from 'react'
const Son=forwardRef((props,ref)=>{
     return (
      <div>
          子组件
          <input type="text" ref={ref}/>
      </div>
     )
})
export default Son

父组件需要获取子组件的标签