我试图弄清楚如何判断哪个元素被用作引用,即在我的情况下

const circleRef = useRef<AnimatedCircle>(undefined);
AnimatedCircle是第三方库中的SVG组件,以这种方式定义它会导致错误

reactjs - useRef  “refers to a value, but is being used as a type here.”-LMLPHP

有一些通用的方法来定义哪个元素是ref吗?

最佳答案

AnimatedCircle是函数,而不是类型。这意味着它不能在TypeScript中代替类型使用,就像在useRef的通用约束中一样。相反,您需要使用typeof operator转换为类型:

const circleRef = useRef<typeof AnimatedCircle | null>(null);

关于reactjs - useRef “refers to a value, but is being used as a type here.”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55576953/

10-11 05:47