useRef “指的是一个值，但在这里被用作一个类型。”

Question

我试图弄清楚如何告诉反应哪个元素被用作参考，即在我的情况下

const circleRef = useRef<AnimatedCircle>(undefined);

AnimatedCircle 是来自第三方库的 SVG 组件，以这种方式定义会导致错误

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

原文由 Ilja 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

AnimatedCircle 是一个 _函数_，而不是一个类型。这意味着它不能在 TypeScript 中用于代替类型，例如在 useRef 的通用约束中。相反，您需要使用 typeof operator 转换为类型：

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

原文由 Dan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

就我而言，我将文件重命名为 .ts 而不是 .tsx 。再次重命名它修复了它。

原文由 Ishmeet Singh 发布，翻译遵循 CC BY-SA 4.0 许可协议