typescript Object is possibly ‘null‘.

最新推荐文章于 2023-11-07 14:59:56 发布

米斯特尔曾

最新推荐文章于 2023-11-07 14:59:56 发布

阅读量1.2k

点赞数

分类专栏： typescript 文章标签： null

本文链接：https://blog.csdn.net/qq_30101131/article/details/109476785

版权

typescript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文介绍了一种在编程中处理可能被类型系统误判为null的变量的方法。通过使用not null断言操作符‘!’, 开发者可以明确地告诉编译器某个变量不会为null, 进而避免不必要的警告或错误提示。示例代码展示了如何在React应用中使用此操作符。

摘要由CSDN通过智能技术生成

明知道这个值不可能为null，但是类型系统判断可能为null
解决这个问题只需要加’!’

const SaveEle = () => {
    let ref = useRef<HTMLInputElement>(null);
    let [val, setVal] = useState(0);
    return (
        <div>
            <div>{val}</div>
            <input ref={ref}/> <br />
            <button onClick={() => setVal(() => Number(ref.current!.value))}>get Value</button>
        </div>
    );
}
``
> not null 的断言操作符，不执行运行时检查，告诉编译器只需要知道这个东西