Texto mecanografiado: organice varios tipos de parámetros de eventos comunes para componentes y eventos DOM

Por ejemplo, el evento de cambio de valor onChange del cuadro de entrada de entrada.

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

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

Eventos de componentes de forma comunes: 

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

 Tipos de parámetros de eventos de eventos Dom comunes:

• MouseEvent<HTMLButtonElement>: tipo de parámetro de evento del mouse, utilizado para manejar eventos de clic
• KeyboardEvent<HTMLInputElement>: tipo de parámetro de evento de teclado
• MouseEvent<HTMLAnchorElement>: tipo de parámetro de evento de enlace, utilizado para manejar el evento de clic de un elemento
• DragEvent<HTMLDivElement>: tipo de parámetro de evento de arrastre, que se usa para manejar eventos de arrastre de elementos como div
• ChangeEvent<HTMLInputElement>: tipo de parámetro de evento de cambio de valor de elemento de formulario
• FocusEvent<HTMLInputElement>: tipo de parámetro de evento de ganancia o pérdida de elemento de formulario
• ResizeEvent<HTMLDivElement>: tipo de parámetro de evento de cambio de tamaño de elemento o ventana
• ClipboardEvent<HTMLInputElement>: tipo de parámetro de evento del portapapeles, que se usa para manejar eventos del portapapeles de elementos como entrada
• WheelEvent<HTMLDivElement>: Tipo de parámetro de evento de rueda, usado para manejar eventos de rueda de elementos como div