ts点击事件回调函数参数类型
时间: 2023-09-15 16:15:07 浏览: 61
在 TypeScript 中,点击事件的回调函数的参数类型可以使用 `React.MouseEvent` 或 `React.TouchEvent`。具体使用哪个取决于你的应用场景,是鼠标事件还是触摸事件。
例如,如果你需要处理鼠标点击事件,可以使用 `React.MouseEvent`:
```tsx
import React from 'react';
function handleClick(event: React.MouseEvent<HTMLButtonElement>) {
// 处理点击事件
}
function MyComponent() {
return (
<button onClick={handleClick}>Click me</button>
);
}
```
如果你需要处理触摸事件,可以使用 `React.TouchEvent`:
```tsx
import React from 'react';
function handleTouch(event: React.TouchEvent<HTMLButtonElement>) {
// 处理触摸事件
}
function MyComponent() {
return (
<button onTouchStart={handleTouch}>Touch me</button>
);
}
```
在上述示例中,`event` 参数将包含有关事件的详细信息,例如鼠标点击的位置或触摸事件的触摸点。
请注意,上述示例中的 HTML 元素类型(例如 `HTMLButtonElement`)可以根据你的实际情况进行更改,以匹配你应用中的元素类型。