AppBar의 iconElementLeft에 터치 이벤트 추가 - 자료 --ui

Question

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

클릭하면이 예제를위한 터치 이벤트를 추가하는 방법? 이 코드는 작동하지 않습니다.

Answer 1

예, onLeftIconButtonTouchTap 및 onRightIconButtonTouchTap 모두 작동하지 않습니다. 사용 IconButton의 대신 onClick 이벤트 : touchTap 이벤트 material-ui, 당신은 react-tap-event-plugin 의존성을 사용해야 작동하도록하기 위해

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

Answer 2

. 아마 당신은이 플러그인을 앱 시작시에 삽입하지 않았을 것입니다.

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

을 그리고 주입 :

하기가 설치되어 있는지 확인

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

더 많은 정보 here