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

Question

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

如何为此示例添加点击，触摸事件？ 这段代码不起作用。

Answer 1

是的，onLeftIconButtonTouchTap和onRightIconButtonTouchTap都不起作用。请改为使用IconButton的{​​{1}}事件：

onClick

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