React.MouseEvent vs React.MouseEvent<HTMLAnchorElement，MouseEvent> in TypeScript？

Question

我已经为React中的锚点点击事件添加了一个类型，这是基于当它是非类型化时我得到的TypeScript错误：

onClick={(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
  event.preventDefault();
}}

如果使用这个简短的版本，我仍然看不到错误：

onClick={(event: React.MouseEvent) => {
  event.preventDefault();
}}

第二个版本的类型安全吗？从实际意义上讲，我放弃了什么？

Answer 1

MouseEvent接口：

interface MouseEvent<T = Element, E = NativeMouseEvent> extends UIEvent<T, E> {
 // ...
}

你不需要传递第二个泛型类型。因此，这种方式将解决错误：

onClick={(event: React.MouseEvent<HTMLAnchorElement>) => {
  event.preventDefault();
}}