typescript - 属性“目标”的类型不兼容

Question

事件是：

Event 接口表示发生在 DOM 中的事件。...

export interface MyEvent<T = EventTarget> extends Event {
  readonly target: T | null;
}

错误：

接口“MyEvent”错误地扩展了接口“Event”。
属性“目标”的类型不兼容。
键入'T | null' 不可分配给类型 'EventTarget | 空值'。
类型“T”不可分配给类型“EventTarget | 空值'。
类型“T”不可分配给类型“EventTarget”。

为什么我不能这样做？

玩..

Answer 1

您需要更改T = EventTarget为T extends EventTarget

试试这个：

export interface MyEvent<T extends EventTarget> extends Event {
  readonly target: T | null;
}

如果你确定 T 是EventTarget你不需要T。只需使用这个：

export interface MyEvent extends Event {
  readonly target: EventTarget | null;
}

PlaygroundLink