Typescript: コンポーネントと DOM イベント用にいくつかの一般的なイベント パラメーター タイプを整理します。

たとえば、入力ボックスの値変更イベント onChange です。

 const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
    const { target: { value }} = e;
  };

 //onChange={(e) => { handleChange(e);}}

共通フォームコンポーネントのイベント: 

• ChangeEvent<HTMLInputElement>：用于 input 输入框的值变化事件。
• ChangeEvent<HTMLTextAreaElement>：用于 textarea 输入框的值变化事件。
• ChangeEvent<HTMLSelectElement>：用于 select 下拉框的值变化事件。
• ChangeEvent<HTMLCheckboxElement>：用于 checkbox 复选框的值变化事件。
• ChangeEvent<HTMLRadioElement>：用于 radio 单选框的值变化事件。
• FormEvent<HTMLFormElement>：表单提交事件参数类型，用于处理 form 元素的提交事件

 一般的な Dom イベントのイベント パラメーター タイプ:

• MouseEvent<HTMLButtonElement>: マウス イベント パラメータ タイプ。クリック イベントの処理に使用されます。
• KeyboardEvent<HTMLInputElement>: キーボード イベント パラメータのタイプ
• MouseEvent<HTMLAnchorElement>: リンク イベント パラメーター タイプ。要素のクリック イベントを処理するために使用されます。
• DragEvent<HTMLDivElement>: ドラッグ イベント パラメーター タイプ。div などの要素のドラッグ イベントを処理するために使用されます。
• ChangeEvent<HTMLInputElement>: フォーム要素の値変更イベント パラメーターのタイプ
• FocusEvent<HTMLInputElement>: フォーム要素のフォーカス イベント パラメーター タイプの取得または喪失
• ResizeEvent<HTMLDivElement>: ウィンドウまたは要素のサイズ変更イベント パラメーター タイプ
• ClipboardEvent<HTMLInputElement>: クリップボード イベント パラメータ タイプ。入力などの要素のクリップボード イベントを処理するために使用されます。
• WheelEvent<HTMLDivElement>: ホイール イベント パラメーター タイプ。div などの要素のホイール イベントを処理するために使用されます。