@uroot

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

Есть код:

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}. Какой тип данных прописать, чтобы избавить от ошибки?

6082e21319f1d384797842.png
  • Вопрос задан
  • 418 просмотров
Решения вопроса 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")
  }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
mmmaaak
@mmmaaak
Он же явно говорит, какой должен быть тип
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы