爲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