首页 > 解决方案 > 打字稿:部分带有可选的子属性

问题描述

在打字稿中,是否有可能让方法 accept Partial<Something>,其Something子属性也都设置为可选?

export interface ISomething {
    user: IUser;
}
export interface IUser {
    id: number;
    name: string;
}

export const myMethod = (something: Partial<ISomething>): void => {};

myMethod({ user: { id: 1, name: "" } });   //this works

myMethod({ user: { id: 1 } });             //this doesn't (but I want this to work too)

非常感谢 ;)

标签: typescripttypesconditional-statementspartial

解决方案


您本质上是在寻找某种深度部分映射类型,例如

 type DeepOptional<T> = T extends object
    ? DeepOptionalObject<T>
    : T | undefined

type DeepOptionalObject<T> = { [P in keyof T]?: DeepOptional<T[P]> }

type Foo = { bar: Bar }
type Bar = { a: number, b: boolean[] }

const f1: Partial<Foo> = { bar: { a: 1 } } // NOPE
const f2: DeepOptional<Foo> = { bar: {a: 1 } } // OK

游乐场链接


推荐阅读