Material-ui: [Dialog] onRequestClose가 실행되지 않는 것 같습니다. 내가 뭘 잘못하고 있습니까?

저는 ReactJS와 Material-Ui를 사용하여 테스트하고 있습니다. 작은 테스트 구성 요소의 경우 대화 상자를 사용하고 있습니다. 귀하의 예제와 동일한 코드를 사용하고 있지만 작동하지 않는 것 같습니다. 버그가 있거나 문서가 충분히 명확하지 않았을 수 있습니다.

코드는 다음과 같습니다.

const {Dialog, FlatButton} = MUI;

Home = React.createClass({
  getInitialState() {
    return {
      welcomeModal: false
    };
  },
  openWelcomeDialog() {
    this.setState({welcomeModal:true});
  },
  closeWelcomeDialog(buttonClicked) {
    console.log('Close The Welcome Dialog.');
    this.setState({welcomeModal:false});
  },
  render() {
    let modalActions = [
      { text: 'Cancel' }
    ];
    return (
      <div>
        <h1>Welcome to my app</h1>
        <a href="#" onClick={this.openWelcomeDialog}>Open the Welcome Modal</a>
        <Dialog
          title="Welcome Modal"
          actions={modalActions}
          autoDetectWindowHeight={true}
          autoScrollBodyContent={true}
          open={this.state.welcomeModal}
          onRequestClose={this.closeWelcomeDialog}>
        <div style={{height: '1000px'}}>
          Really long content
        </div>
        </Dialog>
      </div>
    );
  }
});

무슨 일이야:

링크를 클릭하면 이벤트가 시작되고 모달이 올바른 방식으로 열립니다. 하지만: 백그라운드에서 또는 취소 버튼에서 클릭하는 것은 중요하지 않습니다. 모달이 닫히지 않고 console.log도 실행되지 않습니다... 그래서: 메서드가 호출되지 않습니다! 내 예에서는 모달을 닫는 것이 불가능합니다.