'MouseEvent<HTMLButtonElement，MouseEvent>‘类型的参数不能赋值给'HTMLElementEvent<HTMLButton’类型的参数

Question

当我在控制台中遇到这个错误时，这就是我当前在代码中处理的内容。

    type HTMLElementEvent<T extends HTMLElement> = Event & {
    target: T;
}

toggleHandler = (e: HTMLElementEvent<HTMLButtonElement>) => {
    console.log(e.target.name)
    this.setState((prevState) =>({isOpen: !prevState.isOpen}))
}

 <button type="button" className={styles.button} onClick={(e) => this.toggleHandler(e)}>

Answer 1

您需要使用以下代码进行编辑：

import { MouseEvent } from 'react'

toggleHandler = (e: MouseEvent<HTMLButtonElement>) => {
  // ...your code
}