react-Material-ui，我如何知道我可以使用onClick按鈕？

Question

在文檔屬性列表不包括onClick （http://www.material-ui.com/#/components/icon-button）

我怎麼知道我需要使用的onClick爲單擊處理？

Answer 1

材料的UI文件並沒有列出標準陣營（原生瀏覽器）事件：

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

這是因爲它的預期，你已經知道的可用的本地事件。例如，您也可以使用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> 
} 

這絕對應該工作...

Answer 3

只需添加onClick你傳下去到<IconButton />道具。

文檔中沒有引用的道具傳遞到它們的內部<EnhancedButton />組件中，它將處理onClick就好了。

在這裏看到：https://github.com/callemall/material-ui/blob/master/src/IconButton/IconButton.js#L241