Mögliche Typen in Typescript erweitern?

Angenommen, ich habe den folgenden Typ:

type Event = {
   name: string;
   dateCreated: string;
   type: string;
}

Ich möchte diesen Typ jetzt erweitern, dh

type UserEvent extends Event = {
   UserId: string; 
}

Das funktioniert nicht. Wie kann ich das machen?

Das Schlüsselwort extendskann nur für Schnittstellen und Klassen verwendet werden.

Wenn Sie nur einen Typ mit zusätzlichen Eigenschaften deklarieren möchten, können Sie den Schnittpunkttyp verwenden :

type UserEvent = Event & {UserId: string}

UPDATE für TypeScript 2.2 ist es jetzt möglich, eine Schnittstelle zu haben, die den objektähnlichen Typ erweitert , wenn der Typ einige Einschränkungen erfüllt:

type Event = {
   name: string;
   dateCreated: string;
   type: string;
}

interface UserEvent extends Event {
   UserId: string; 
}

Es funktioniert nicht umgekehrt - UserEventmuss als Schnittstelle deklariert werden, nicht als Schnittstelle, typewenn Sie extendsSyntax verwenden möchten .

Und es ist immer noch unmöglich, extend mit beliebigen Typen zu arbeiten - zum Beispiel funktioniert es nicht, wenn Eventes sich um einen Typparameter ohne Einschränkungen handelt.

Sie können Typen schneiden:

type TypeA = {
    nameA: string;
};
type TypeB = {
    nameB: string;
};
export type TypeC = TypeA & TypeB;

Irgendwo in Ihrem Code können Sie jetzt Folgendes tun:

const some: TypeC = {
    nameB: 'B',
    nameA: 'A',
};

Was Sie erreichen wollen, ist gleichbedeutend mit

interface Event {
   name: string;
   dateCreated: string;
   type: string;
}

interface UserEvent extends Event {
   UserId: string; 
}

Die Art und Weise, wie Sie die Typen definiert haben, ermöglicht keine Angabe der Vererbung. Sie können jedoch mithilfe von Schnittpunkttypen etwas Ähnliches erreichen, wie Artem hervorhob .

Möglicherweise ist der unten stehende Ansatz für jemanden mit TS mit Reaktionen hilfreich

interface Event {
   name: string;
   dateCreated: string;
   type: string;
}

interface UserEvent<T> extends Event<T> {
    UserId: string;
}