React的TypeScript中的事件类型

import React, { MouseEvent } from 'react';

function handleClick(event: MouseEvent<HTMLButtonElement>) {
  // 处理点击事件
}

function MyComponent() {
  return <button onClick={handleClick}>Click me</button>;
}

import React, { ChangeEvent } from 'react';

function handleChange(event: ChangeEvent<HTMLInputElement>) {
  // 处理输入框变化事件
}

function MyComponent() {
  return <input type="text" onChange={handleChange} />;
}

import React, { KeyboardEvent } from 'react';

function handleKeyPress(event: KeyboardEvent<HTMLInputElement>) {
  // 处理按键按下事件
}

function MyComponent() {
  return <input type="text" onKeyPress={handleKeyPress} />;
}

import React, { FocusEvent } from 'react';

function handleFocus(event: FocusEvent<HTMLInputElement>) {
  // 处理元素获取焦点事件
}

function MyComponent() {
  return <input type="text" onFocus={handleFocus} />;
}