react Material-ui、ボタンにonClickを使用できることをどのように知っていますか？

Question

ドキュメントのプロパティのリストが含まれていませんonClick （http://www.material-ui.com/#/components/icon-button）

どのように私はクリックハンドラのためのonClickを使用する必要があります知っていますか？

Answer 1

材質-UIのドキュメントは、標準リアクト（ネイティブブラウザ）のイベントは表示されません。利用可能なネイティブイベント。たとえば、onWheelを使用することもできます。すべてのネイティブイベントが含まれていれば、長く冗長なリストになります。

kouak explainsとして、他の小道具（onClickなど）が関連する子コンポーネントに渡されます。

Answer 2

<IconButton/>にラッパーを追加してonClickイベントを取得できます。

例

render() { 
    return <div class="font-icon-wrapper" onClick={this.fontIconClick}> 
    <IconButton iconClassName="muidocs-icon-custom-github" /> 
    </div> 
} 

これは間違いなくちょうどあなたがダウン<IconButton />に渡す小道具にonClickを追加...

Answer 3

を動作するはずです。

文書で引用されていない小道具はonClickの内部の<EnhancedButton />コンポーネントに渡されます。

こちらをご覧ください：

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

それが期待されますので、これはあなたが既にを認識していることである。https://github.com/callemall/material-ui/blob/master/src/IconButton/IconButton.js#L241