打字稿-是否有“（事件：MouseEvent <htmlbuttonelement>）=>无效”的类型？

Question

我发现我几乎在每个具有点击事件的组件（本例中为所有按钮）上重复相同类型的(event: MouseEvent<HTMLButtonElement>) => void。像这样常见的事物似乎应该使用更简单的ButtonClick类型或类似类型。

是否存在类似的内容，或者我应该为此导出自己的全局接口/类型，以免重复出现？像这样：

export interface I_ButtonClick {
  (event: MouseEvent<HTMLButtonElement>): void;
}

或

export type T_ButtonClick = (event: MouseEvent<HTMLButtonElement>) => void;

Answer 1

从您以前的帖子来看，您正在使用React。 React有一个名为MouseEventHandler的类型，用法如下：

const handleOnClick: MouseEventHandler<HTMLDivElement> = (e) => // do something with e.