React.forwardRef

61 阅读1分钟

使用说明: 使用ref暴漏dom节点给父组件

使用场景: 在父组件中想去拿子组件的dom元素

    // 子组件
    const Son = forwardRef(({ props, ref }) => {
        return <input type="text" ref={ref} />
    })
    
    // 父组件
    function App () {
        const inputRef = useRef(null)
        return (
            <Son ref={ inputRef } />
        )
    }