Типы событий в React и TypeScript

[sanex3339]

Мы делаем вот так

import { ChangeEvent, MouseEvent } from 'react'

const handleChange = (event: ChangeEvent<HTMLInputElement>) => {...}
const handleClick = (event: MouseEvent<HTMLDivElement>) => {...}

[qmzik]

Выходит используете Решение №2? :)

[sanex3339]

Да. Все остальные варианты, особенно 3 и 4 - оверхед как мне кажется

[mamont80]

Проблема поднята нужная. А ведь IDE уже знает нужный тип когда мы стоим тут: <input onChange={тут} />! Ведь есть же наверное горячие клавиши чтобы сформировать шаблон функции с уже заданным типом, без всех этих танцев с бубном? Если кто подскажет такое для WebStorm буду благодарен.

[meonsou]

Знает - этот тип `React.ComponentProps<"input">["onChange"] `. Почему бы этим не пользоваться? Я правда не понимаю почему это не распространено, это ведь так логично и удобно. Может кто подскажет? Вроде бы в тайпскрипте все за вывод типов и автоматизацию рутины, но при этом я постоянно вижу как коллеги копипастят эти типы колбеков из подсказок. Это выглядит просто смешно.