Какой тип данных прописать для событий onFocus и onBlur?

Question

[uRoot]

Есть код:

function onFocus(event: FocusEvent) {
    const currentTarget = event.currentTarget as HTMLElement
    currentTarget.classList.add("ticket--focus")
  }

  const onBlur = (event: FocusEvent) => {
    const currentTarget = event.currentTarget as HTMLElement
    currentTarget.classList.remove("ticket--focus")
  }
...
<div
  className="ticket__new-title"
  onFocus={onFocus}
  onBlur={onBlur}
 >

TS ругается на это: onFocus={onFocus}, onBlur={onBlur}. Какой тип данных прописать, чтобы избавить от ошибки?

Answer 1

[uRoot]

Нужно сделать так:

const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {
    event.currentTarget.classList.add("ticket--focus")
  }

  const onBlur = (event: React.FocusEvent<HTMLDivElement>) => {
    event.currentTarget.classList.remove("ticket--focus")
  }

Comments

[Mikhail Osher]

Только в onBlur, наверное, надо React.BlurEvent.

[uRoot]

Mikhail Osher, ну прокатило так, а так-то да, нужно будет попробовать ваш вариант. Спасибо

Answer 2

[Pavel Shvedov]

Он же явно говорит, какой должен быть тип

Comments

[uRoot]

Не так всё просто:
Type 'FocusEvent' is not generic