typescript - 可以为 null 或未定义的属性导致 "does not exist"错误

Question

我正在尝试找出解构返回对象的正确方法。

这是 TypeScript 代码:

const id = 1;
const { film: { title, director } } = await getEvent({ id });

我在 title 和 director 下都遇到错误:类型电影上不存在属性。当我将鼠标悬停在 film 上时，它会显示类型:

(property) film?: {
    title?: string | null | undefined;
    director?: string | null | undefined;
    ... and 10 more ...;
} | undefined

如何在不将 title 和 director 的类型更改为未定义/空/可选的情况下告诉编译器这些属性确实存在？

Answer 1

您可以通过提供默认值让 TypeScript 编译器满意:

const { film: { title = '', director = '' } = {} } = await getEvent({ id });