1. ホーム
  2. reactjs

[解決済み] react Material-ui, ボタンにonClickを使用する方法を教えてください。

2023-03-08 22:21:56

質問

docのプロパティ一覧には onClick ( http://www.material-ui.com/#/components/icon-button )

クリックハンドラにonClickを使用する必要があることを知るにはどうすればよいですか?

どのように解決するのですか?

Material-UIのドキュメントには、React(ネイティブブラウザ)の標準的なイベントが記載されていません。

https://facebook.github.io/react/docs/events.html#mouse-events

これは、利用可能なネイティブイベントをすでに知っていることが想定されるからです。たとえば onWheel . すべてのネイティブイベントを含めると、長く冗長なリストになってしまいます。

として kouak が説明する のように、他の小道具(例えば onClick など)は、関連する子コンポーネントに渡されます。

ランダムな例です。

<Button color="primary" onClick={() => { console.log('onClick'); }}>
    Primary
</Button>