title: material-ui menu not close when dialog open
body: <p>i am using react + material-ui .
  i created <code>dialog</code> component in jsx file like this:</p>
  
  <pre><code>   export default class CartoviewAbout extends React.Component {
          constructor(props) {
              super(props);
              this.state = {open: false};
          }
  
          _handleOpen() {
              this.setState({open: true});
          };
  
          _handleClose() {
              this.setState({open: false});
          };
  
          render() {
              const actions = [
                  &lt;FlatButton
                      label="Close"
                      primary={true}
                      keyboardFocused={true}
                      onTouchTap={this._handleClose.bind(this)}
                  /&gt;,
              ];
  
              return (
                  &lt;div&gt;
                      &lt;MenuItem
                          onTouchTap={this._handleOpen.bind(this)}
                          primaryText="Show About Dialog"
                      /&gt;
                      &lt;Dialog
                          title={title}
                          actions={actions}
                          modal={false}
                          open={this.state.open}
                          onRequestClose={this._handleClose.bind(this)}
                          autoScrollBodyContent={true}
                          contentClassName="dialog"
                          bodyClassName="dialog_body"
                      &gt;
                          &lt;div &gt;&lt;p&gt;{abstract}&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/Dialog&gt;
                  &lt;/div&gt;
              );
          }
      }
  </code></pre>
  
  <p>and i use this component in menu in another file but then i click the menu item dialog open and menu not close:</p>
  
  <pre><code>export default class CartoviewAppBar extends React.Component {
      constructor(props) {
          super(props);
      }
      render() {
       const about = appConfig.showAbout ? React.createElement(CartoviewAbout) : "";
       const icon_menu = &lt;IconMenu
              iconButtonElement={&lt;IconButton&gt;&lt;MoreVertIcon /&gt;&lt;/IconButton&gt;}
              anchorOrigin={{horizontal: 'right', vertical: 'top'}}
              targetOrigin={{horizontal: 'right', vertical: 'top'}}
          &gt;
              {about}
          &lt;/IconMenu&gt;;
          return (
              &lt;div&gt;
                  &lt;AppBar
                      title={''}
                      showMenuIconButton={false}
                      iconElementRight={icon_menu}
                  /&gt;
              &lt;/div&gt;
          );
      }
  </code></pre>
  
  <p>image:<a href="https://i.stack.imgur.com/lUUJA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lUUJA.png" alt="Image"></a>
  i want menu to close when dialog open</p>