Início / coding / Perguntas / 79257156
Accepted
four-eyes
Asked: 2024-12-06 15:24:05 +0800 CST

Adicionar dinamicamente propriedade com tipo à interface

  • 772

Eu tenho essa interface

interface Base {
    common: {
        foo: string,
    }
}

interface ExtendedOne extends Base {
    count: number,
}

interface ExtendedTwo extends Base {
    origin: string,
}

Agora, o que eu quero é, por meio da interfacedefinição de ExtendedOne, ExtendedTwoadicionar outra propriedade mais o tipo à commonpropriedade proveniente de Base.

Então digamos (pseudocódigo)

interface ExtendedOne extends Base {
    count: number,
    common: {
        ...Base,
        anotherProp: boolean,
    }
}

interface ExtendedTwo extends Base {
    origin: string,
    common: {
        ...Base,
        anotherProp: number,
    }
}

O prop adicionado sempre terá o mesmo nome (aqui anotherProp), mas o tipo será diferente.

Se necessário, a interface pode ser alterada para um tipo.

typescript

1 respostas

  1. Best Answer

    Você pode usar &o operador no Typescript para combinar tipos.

    interface Base {
    common: {
        foo: string
    };
}

interface ExtendedOne extends Base {
    count: number
    common: Base["common"] & { anotherProp: boolean }
}

interface ExtendedTwo extends Base {
    origin: string
    common: Base["common"] & { anotherProp: number }
}

    O TypeScript também tem alguns tipos de utilitários excelentes . Por exemplo, check Omite Pickque permitem que você crie seletivamente um novo tipo omitindo ou escolhendo propriedades de outro tipo.

    • 0

relate perguntas