react ts 中ForwardRefRenderFunction 的使用

ForwardRefRenderFunction

import { forwardRef, useImperativeHandle, ForwardRefRenderFunction } from 'react'

interface ChildProps {
    id: string
}

interface ExposeObj {
    reload: Function
}
const Child: ForwardRefRenderFunction<ExposeObj, ChildProps> = (props, ref) => {
    useImperativeHandle(ref, () => ({
        reload
    }))
    
    function reload () {
        // ...
    }
    return <div>...</div>
}

export default forwardRef(Child)