はてなブックマーク

皆様どうも、こんにちは！ こまりのフロントエンドもやってるエンジニア、桑木です。 先日、TypeScriptでReactのイベントの型について考えさせられたので、そこで調べたことなんかを記事にしておきます。 前提知識 基礎的なTypeScriptとReactの構文に関する知識 ネイティブなDOMのイベントシステム、特にバブリングという挙動について ReactのイベントシステムやSyntheticEventについて 普通に型指定してみる select要素を表示して、項目が選択されたらその値をconsoleに出力するだけのコンポーネントを作成します。 const SomethingComponent: React.FC = (props) => { const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (ev) =>