Czy można rozszerzyć typy w Typescript?

Powiedzmy, że mam następujący typ:

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

Chcę teraz rozszerzyć ten typ, tj

type UserEvent extends Event = {
   UserId: string; 
}

To nie działa. W jaki sposób mogę to zrobić?

Słowa kluczowego extendsmożna używać tylko w przypadku interfejsów i klas.

Jeśli chcesz tylko zadeklarować typ, który ma dodatkowe właściwości, możesz użyć typu przecięcia :

type UserEvent = Event & {UserId: string}

UPDATE dla TypeScript 2.2, można teraz mieć interfejs, który rozszerza typ obiektowy , jeśli typ spełnia pewne ograniczenia:

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

interface UserEvent extends Event {
   UserId: string; 
}

To nie działa w drugą stronę - UserEventmusi być zadeklarowane jako interfejs, a nie jako, typejeśli chcesz używać extendsskładni.

Nadal nie można go używać extend z dowolnymi typami - na przykład nie działa, jeśli Eventjest to parametr typu bez żadnych ograniczeń.

możesz przecinać typy:

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

gdzieś w swoim kodzie możesz teraz zrobić:

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

To, co próbujesz osiągnąć, jest równoważne

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

interface UserEvent extends Event {
   UserId: string; 
}

Sposób, w jaki zdefiniowałeś typy, nie pozwala na określenie dziedziczenia, jednak możesz osiągnąć coś podobnego za pomocą typów przecięcia, jak wskazał Artem .

Może być poniższe podejście będzie pomocne dla kogoś TS z reakcjami

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

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