在React+ts 中定义事件类型

在React中，可以使用以下事件类型约束来声明常见的事件：

1. 鼠标事件：

• onClick: (event: React.MouseEvent<Element, MouseEvent>) => void
• onDoubleClick: (event: React.MouseEvent<Element, MouseEvent>) => void
• onMouseDown: (event: React.MouseEvent<Element, MouseEvent>) => void
• onMouseUp: (event: React.MouseEvent<Element, MouseEvent>) => void
• onMouseMove: (event: React.MouseEvent<Element, MouseEvent>) => void
• onMouseEnter: (event: React.MouseEvent<Element, MouseEvent>) => void
• onMouseLeave: (event: React.MouseEvent<Element, MouseEvent>) => void

2. 表单事件：

• onSubmit: (event: React.FormEvent<Element>) => void
• onChange: (event: React.ChangeEvent<HTMLInputElement>) => void
• onFocus: (event: React.FocusEvent<HTMLInputElement>) => void
• onBlur: (event: React.FocusEvent<HTMLInputElement>) => void

3. 键盘事件：

• onKeyDown: (event: React.KeyboardEvent<Element>) => void
• onKeyUp: (event: React.KeyboardEvent<Element>) => void
• onKeyPress: (event: React.KeyboardEvent<Element>) => void

4. 触摸事件：

• onTouchStart: (event: React.TouchEvent<Element>) => void
• onTouchMove: (event: React.TouchEvent<Element>) => void
• onTouchEnd: (event: React.TouchEvent<Element>) => void