Как правильно создать функцию-событие с использованием TypeScript?

Question

[tron21]

Всем доброго времени суток! Есть код, где по нажатию на кнопку мы выводим в консоль event . Код работает. Но интересует что по правилам необходимо поставить вместо any . И что данная функция тогда должна возвращать. Просто пытаюсь изучить TypeScript и как правильно работать с событиями

const Something : FC = () => {
  const justClick = (event: any): void => {
    console.log(event);
  }
  return (
      <button className="button" onClick={justClick}>Просто кнопка</button>
  )
}

Comments

[WbICHA]

Наведи мышку на onClick и посмотри какой тип ожидается. Скопируй его и вставь.

Answer 1

[Yuriy Vorobyov]

Вместо any надо React.MouseEvent<HTMLElement> или EventTarget. А возвращает JSX.Element

Comments

[WbICHA]

А возвращает JSX.Element

???

[Yuriy Vorobyov]

WbICHA, речь шла про всю функцию, а не конкретно про обработчик события, возвращающий void

[WbICHA]

Yuriy Vorobyov, к чему это? Компонент итак типизирован.

[tron21]

Спасибо за ответ!