title: onClick handler to call Material UI dialog box, is not working properly
body: <p>I want the material-ui dialog-box always pop up on button click and show the target value perfectly everytime. It shows sometimes but sometimes doesn't. I am sending the value on the icon onclick event - (e) and using it on the onClick function. I'm doing it on <strong>react.js</strong>. Is there a bug in the component?</p>
  
  <p>I just found out that it's not the dialog component problem I was getting.
  I'm not getting the value sometimes on <strong>console.log</strong> in the <strong>openFunc</strong> function while tapping on the icon. </p>
  
  <p><strong>Had the same problem? Any help?</strong> </p>
  
  <p>Having the following code:</p>
  
  <pre><code>import React, {Component} from 'react';
  import Dialog from 'material-ui/Dialog';
  import BorderColor from 'material-ui/svg-icons/editor/border-color';
  
  class Mydialog extends Component {
     constructor() {
        super();
        this.state = {
           ids:['129', '105', '131', '151'],
           myid: '',
           open_dialog: false
        }
        this.openFunc = this.openFunc.bind(this);
     }
     check_today() {
        let container = [];
        let i;
  
        for(i=0; i&lt;this.state.ids.length;i++) {
           container.push(
                  &lt;BorderColor onClick = {this.openFunc} data-id ={this.state.ids[i]}/&gt;
           )
        }
  
        if(container.length === 0){
          return(
              &lt;div&gt;show none!&lt;/div&gt;
              )
        }
        else{
          return (
            &lt;table&gt;
              &lt;tr&gt;
                  {container}
              &lt;/tr&gt;
            &lt;/table&gt;  
          )
        }
     }
     openFunc(e) {
        console.log(e.target.dataset.id);
        this.setState({
           open_dialog: true,
           myid: e.target.dataset.id
        });
     }
     handleClose = () =&gt; {
        this.setState({open_dialog: false});
     };
     render() {
        return(
          &lt;div&gt;
            &lt;div&gt;
             {this.check_today()}
            &lt;/div&gt;
            &lt;Dialog
             autoDetectWindowHeight={true}
             modal={false}
             open={this.state.open_dialog}
             onRequestClose={this.handleClose}
            &gt;
             &lt;div&gt;
               It's the dialog-box!
               My id is {this.state.myid}
             &lt;/div&gt;
            &lt;/Dialog&gt;
          &lt;/div&gt;
        )
     }
  }
  export default Mydialog
  </code></pre>