Có thể mở rộng các loại trong Bản in?

Nói rằng tôi có loại sau:

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

Bây giờ tôi muốn mở rộng loại này, tức là

type UserEvent extends Event = {
   UserId: string; 
}

Điều này không hoạt động. Tôi có thể làm cái này như thế nào?

Từ khóa chỉ extendscó thể được sử dụng cho các giao diện và các lớp.

Nếu bạn chỉ muốn khai báo một loại có các thuộc tính bổ sung, bạn có thể sử dụng loại giao nhau :

type UserEvent = Event & {UserId: string}

CẬP NHẬT cho TypeScript 2.2, giờ đây có thể có một giao diện mở rộng loại giống như đối tượng , nếu loại đáp ứng một số hạn chế:

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

interface UserEvent extends Event {
   UserId: string; 
}

Nó không hoạt động theo cách khác - UserEventphải được khai báo là giao diện, không phải là typenếu bạn muốn sử dụng extendscú pháp.

Và vẫn không thể sử dụng extend với các loại tùy ý - ví dụ: nó không hoạt động nếu Eventlà tham số loại mà không có bất kỳ ràng buộc nào.

bạn có thể giao nhau các loại:

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

Một nơi nào đó trong mã của bạn bây giờ bạn có thể làm:

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

Những gì bạn đang cố gắng để đạt được tương đương với

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

interface UserEvent extends Event {
   UserId: string; 
}

Cách bạn xác định các loại không cho phép chỉ định thừa kế, tuy nhiên bạn có thể đạt được một cái gì đó tương tự bằng cách sử dụng các loại giao cắt, như artem đã chỉ ra.

Có thể dưới đây phương pháp tiếp cận sẽ hữu ích cho ai đó TS với Reacjs

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

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