reactjs - 类型 'setTabChange' 上不存在属性 'never'。 (React hooks Typescript) 使用 ref

Question

从父组件调用子组件函数时usingref(ref.current?.setTabChange())。

Property 'setTabChange' does not exist on type 'never'.

使用 React typescript 。

父组件:

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>();