Charlie

V1

2023/03/29阅读:43主题:蔷薇紫

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)

分类:

前端

标签:

React.js

作者介绍

Charlie
V1