5

これは私のコードです:

<Button
  disabled={filter === 'Active'}
  size='md'
  color='primary'
  name='Active' // complete = false
  onClick={this.handleFilterClick}
>
  Active
</Button>

私の関数ハンドラでは、イベントでエラーが発生します:

handleFilterClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
    // continue here
     const { name } = e.target;

それは言います:

Property 'name' does not exist on type 'EventTarget'.

私も試しました:

(e:  React.MouseEvent<HTMLInputElement, MouseEvent> &  React.MouseEvent<HTMLButtonElement, MouseEvent>) 

ボタンのイベントタイプは何ですか? JavaScriptでは、これは機能します。名前を受け入れることができますが、typescriptではない理由がわかりませんか?

4

1 に答える 1