博客 / 詳情

返回

React forwardRef的一點總結

從forwardRef的定義,我們可以分析到, render函數接收兩個參數,第一個是props,第二個是ref。而在寫定義的範型的時候,第一個是ref,第二個是props
image.png
image.png
如下面的例子,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, () => ({
   
      }));
})
user avatar
0 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.