react Material-ui，我怎么知道我可以使用 onClick 按钮？

Question

文档上的属性列表不包括 onClick （ http://www.material-ui.com/#/components/icon-button ）

我怎么知道我需要使用 onClick 作为点击处理程序？

原文由 eugene 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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>

原文由 thirtydot 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以在 <IconButton/> 上添加一个包装器以获得 onClick 事件。

例子

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

这应该绝对有效……

原文由 Pranesh Ravi 发布，翻译遵循 CC BY-SA 3.0 许可协议