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

Question

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

本例如何添加点击、触摸事件？此代码无效。

Answer 1

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

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

Answer 2

为了使 touchTap 事件在 material-ui 中起作用，您必须使用 react-tap-event-plugin 依赖项。很可能你没有在你的应用程序开始时注入这个插件。

确保已安装：

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

并注入：

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

更多信息here

add touch event for iconElementLeft of AppBar - material-ui