React — forwardRef

React.forwardRef 是 React 提供的一个 API，用于在函数组件中向子组件传递 ref。通过使用 React.forwardRef，我们可以将 ref 传递给函数组件内部的 DOM 节点或其他组件，从而实现对其进行操作。

import { forwardRef } from "react"
const Son = forwardRef((prop,ref)=>{
    return <input type="text" ref={ref}></input>

})



    const sonRef= useRef(null)
    const showRef = ()=>{
        console.log(sonRef)
        sonRef.current.focus()

    }

        <div className="box">
            <div>
                forwardRef
            </div>
            <div>

                <Son ref = {sonRef}></Son>
                <button onClick={()=>{
                    showRef()
                }}>foucus</button>
            </div>

        </div>