typescript - 你可以破坏一个对象并对潜在的未定义常量进行无效合并吗？

Question

我使用 React，所以我有一个 props 对象，例如：

const props: { id: number, name?: string} = { id: 1 }; // not defining the `name`
const { id, name } = props; // here the `const name` becomes undefined forever and even if I use the defaultProps pattern of React, Typescript still shows warnings for potential undefined

有没有办法在破坏对象时使用无效合并？我不能使用这个（由于团队定义的 ESlint 规则）：

const name = props.name ?? 'placeholder name';

Answer 1

如果未定义，您可以分配默认值name，而无需使用可选链接：

const { id, name = 'placeholder name' } = props;