React.MouseEvent против React.MouseEvent в TypeScript?

Question

Я добавил тип к событию щелчка привязки в React на основе ошибки TypeScript, которую я получил, когда он был нетипизирован:

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

Я все равно не получаю ошибок, если go с этим короче версия:

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

Безопасна ли вторая версия без типов? От чего я отказываюсь в практическом смысле?

Answer 1

Интерфейс MouseEvent:

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

Вам не нужно передавать второй общий тип c. Таким образом, вы решите ошибку:

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