React中对象可能为null的报错如何彻底解决？

本文共计349个文字，预计阅读时间需要2分钟。

目录类型守卫非空断言总结类型守卫使用类型守卫来避免React中`useRef`和`Object.is(possibly null)`的错误。例如，使用`if (inputRef.current) {}`来确保`inputRef.current`不为空。

总结通过类型守卫确保`ref`的类型正确，可以有效避免运行时错误。

目录

• 类型守卫
• 非空断言
• 总结

类型守卫

使用类型守卫来解决React中useRef钩子“Object is possibly null”的错误。比如说，if (inputRef.current) {} 。一旦null被排除在ref的类型之外，我们就能够访问ref上的属性。

下面是一个错误如何发生的示例。