오버레이를 클릭 할 때 Material-UI 대화 상자가 닫히지 않습니다

Question

material-ui의 대화 상자를 사용하고 있습니다. 오버레이를 클릭하면 handleClose이 호출되지 않습니다. "Esc"버튼을 누르면 호출됩니다.

탭 이벤트를 삽입했습니다. 그 밖의 무엇이 잘못 되었습니까?

import React, { Component, PropTypes } from 'react'; 

import Dialog from 'material-ui/Dialog'; 
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'; 
import getMuiTheme from 'material-ui/styles/getMuiTheme'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 

// Tap event required 
import injectTapEventPlugin from 'react-tap-event-plugin'; 
injectTapEventPlugin(); 

class MyComponent extends Component { 
    handleClose(){ 
    console.log('I will be closed'); 
    } 

    render() { 
    return (
     <div> 
     <h1>Modal test</h1> 

     <MuiThemeProvider muiTheme={getMuiTheme()}> 
      <Dialog 
      title="Test Dialog" 
      modal={false} 
      open={(this.props.active)} 
      onRequestClose={this.handleClose} 
      autoScrollBodyContent={true}> 
      Hello world, I'm a dialogue. 
      </Dialog> 
     </MuiThemeProvider> 
     </div> 
    ); 

    } 
} 

Answer 1

방금 ​​사용해 보았지만 제대로 작동합니다. 이것과 관련된 다른 코드가 있습니까? 재료 ui를 다시 설치하고 다시 시도하십시오.