TS冒険記2

e : React.MouseEventイベントタイプ。

今日はパラメータのタイプとしてcallback関数を設定しているうちに、新しいやつ(?)見つけた!🧐

こいつだ.こいつを知りたい.

Basic Event Handling

基本的には、reactには個別のイベントシステムがあります.したがって、typical MouseEventsまたは同様のelementは一般に使用できない.reactが必要な特定のバージョンを使用します.
幸いなことに、標準DOMから適切なイベント、同等の応答タイプが得られる.
React.( AnimationEvent, ChangeEvent, ClipboardEvent, CompositionEvent, DragEvent, FocusEvent, FormEvent, KeyboardEvent, MouseEvent, PointerEvent, TouchEvent, TransitionEvent, WheelEvent.....) などのイベントは標準DOMから提供されます.

Restrictive Event Handling

イベントハンドラを特定の要素に制限する場合は、genericを使用してより特定のイベントハンドラを指定します.

handleClick(event: React.MouseEvent<HTMLButtonElement>) {
  //여기서 event는 MouseEvent중에서도 HTMLButton Element에서만 동작.
  event.preventDefault();
  alert(event.currentTarget.tagName); 
  }

InputEvent?

TSの例外部分です.TSの入力はInputEventに対応しておりません…!InputEventはまだ正式なインタフェースではないので、すべてのブラウザが完全にサポートしているわけではありません...したがって、onInput属性がすべての入力要素で使用される場合、onInputのインタフェースでは、イベントインタフェースはany...!