從forwardRef的定義,我們可以分析到, render函數接收兩個參數,第一個是props,第二個是ref。而在寫定義的範型的時候,第一個是ref,第二個是props
如下面的例子,InternalCalendar就是forwardRef定義的render函數類型,然後我們導出組件的時候,再做forwardRef
export interface MinCalendarProps {
}
export interface MinCalendarRef {
}
const InternalCalendar: ForwardRefRenderFunction<MinCalendarRef,MinCalendarProps> = (props, ref) => {
useImperativeHandle(ref, () => ({
}));
}
export const MinCalendar = forwardRef(InternalCalendar);
也可以直接這樣寫
export interface MinCalendarProps {
}
export interface MinCalendarRef {
}
export const MinCalendar = forwardRef((props, ref) => {
useImperativeHandle(ref, () => ({
}));
})