如何使用 useRef 和 TypeScript 键入变量

Question

我使用useRef()来处理输入中的电话号码错误。 我这样做：

const errorPhoneDiv: MutableRefObject<{}> = useRef("");

稍后在代码中，我使用errorPhoneDiv.current.innerText设置书面电话号码，但 TS 告诉我：

类型“{}”上不存在属性“innerText”

我应该将什么类型传递给MutableRefObject以接受useRef object？

Answer 1

如果它是input ，则可以使用HTMLInputElement ；如果是div ，则可以使用HTMLDivElement等等。您还需要一个初始值，可能是null ，在这种情况下，您需要在访问innerHTML之前进行 null 检查：

const errorPhoneDiv = useRef<HTMLInputElement | null>(null);
console.log(errorPhoneDiv.current?.innerHTML);