“從不”類型上不存在屬性“setTabChange”。 (React hooks Typescript) 使用 ref

Question

在使用usingref(ref.current?.setTabChange())從父組件調用子組件函數時。

“從不”類型上不存在屬性“setTabChange”。

使用反應打字稿。

父組件：

const ref = useRef();

<Tabs ref = {ref} selectedTabIndex={ data.isevaluation === "true" ? 2 : tabIndex !== -1 ? tabIndex : 0} onTabChange={() => {ref.current?.setTabChange()}} >

子組件：

const setTabChange = () => {
  setSelectedIndex(selectedTabIndex);
};

useImperativeHandle(ref, () => {
  return {
    setTabChange: setTabChange
  };
});

Answer 1

由於useRef在與 TypeScript 一起使用時是通用的，因此您必須定義引用的元素類型，如const ref = useRef<Type>();

因此，要修復此錯誤，您可以像這樣定義ref

const ref = useRef<any>();