Reactjs 如何通过cloneelement获取对功能组件的引用？

我试图将jsx元素作为prop传递，并获取克隆元素的ref

  interface IPropss {
        control?: JSX.Element
    }
    const Wrapper: React.FC<IPropss> = (props) => {
        const {
            control
        } = props;
        const ref = React.useRef()
        return (
            <React.Fragment>
                {control &&
                    React.cloneElement(
                        control,
                        {
                            ...props,
                            ref: ref
                        }
                    )
                }
            </React.Fragment>
        )
    }

接口IPropss{
控件？：JSX.Element
}
常量包装器：React.FC=（道具）=>{
常数{
控制
}=道具；
const ref=React.useRef（）
返回(
{控制&&
克隆元素(
控制
{
…道具，
参考号：参考号
}
)
}
)
}

这是行不通的。React告诉我需要使用forwardRef，但如何实现它？

forwardRef（clonedElement）forwardRef（clonedElement）