为 AppBar 的 iconElementLeft 添加触摸事件 - material-ui答案

【问题标题】：add touch event for iconElementLeft of AppBar - material-ui为 AppBar 的 iconElementLeft 添加触摸事件 - material-ui
【发布时间】：2016-08-31 10:00:25
【问题描述】：

<AppBar
  iconElementLeft={<IconButton><NavigationClose /></IconButton>}
  onLeftIconButtonTouchTap={()=>{this.handleClose()}}
/>

如何为这个例子添加点击、触摸事件？此代码不起作用。

【问题讨论】：

标签： javascript reactjs material-ui

【解决方案1】：

是的，onLeftIconButtonTouchTap 和 onRightIconButtonTouchTap 都不起作用。请改用IconButton 的onClick 事件：

<IconButton onClick={this.handleClose}>...

【讨论】：

如果react-tap-event-plugin 被注入，它们确实有效。
不管是什么插件，它都不适用于 material-ui 0.15.0。您在发布之前是否对其进行了实际测试？
我用0.15.4 版本运行生产应用程序，一切似乎都很好。将尝试使用0.15.0
感谢发布适用的版本，我也必须更新我的版本。
用0.15.0 测试。效果很好。

【解决方案2】：

为了使touchTap 事件在material-ui 中起作用，您必须使用react-tap-event-plugin 依赖项。很可能您没有在应用启动时注入此插件。

确保已安装：

npm i --save react-tap-event-plugin

并注入：

import injectTapEventPlugin from 'react-tap-event-plugin'
injectTapEventPlugin()

更多信息here

【讨论】：

我已经这样做了，并且触摸事件在其他地方工作正常，问题在于 iconElementLeft，我无法让它工作。标题触摸事件也在同一个组件上工作