类型'MouseEvent <HTMLElement，MouseEvent>'的参数不能分配给类型'SyntheticEvent <HTMLButtonElement，Event>'的参数

Question

我将使用SyntheticEvent事件，但遇到此打击错误。我将访问按钮的名称。如果不使用HTMLButtonElement，则无法访问按钮名称。如何解决这个问题？我对这一行代码有疑问。 onClick={event => deleteActivity(**event**, activity.id)}

  

“ MouseEvent”类型的参数不是   可分配给“ SyntheticEvent”类型的参数。属性'currentTarget'的类型不兼容。   类型'EventTarget＆HTMLElement'不能分配给'EventTarget＆HTMLButtonElement'类型。   类型“ EventTarget＆HTMLElement”缺少类型“ HTMLButtonElement”中的以下属性：自动对焦，已禁用，表单，   formAction和另外14个。ts（2345）

<Button
   name={activity.id}
   loading={target === activity.id && submitting}
   onClick={event => deleteActivity(event, activity.id)}
   style={{ marginLeft: 5 }}
   type="danger"
   >
   Delete
 </Button>

---

interface IProps {
  activities: IActivity[];
  selectActivity: (id: string) => void;
  deleteActivity: (
    event: SyntheticEvent<HTMLButtonElement>,
    id: string
  ) => void;
  submitting: boolean;
  target: string;
}