title: Toggle event click (open/close) in React
body: <p>I have a two React.js event. One is used to open, the other to close.</p>
  
  <pre><code>handleDrawerOpen = () =&gt; {
    this.setState({ open: true });
  };
  
  handleDrawerClose = () =&gt; {
    this.setState({ open: false });
  };
  </code></pre>
  
  <p>My element works so that when you click on it, something opens, because only one event open is added:</p>
  
  <pre><code>  &lt;IconButton
      color="inherit"
      aria-label="Open drawer"
      onClick={this.handleDrawerOpen}
      className={classNames(classes.menuButton)}
    &gt;
      &lt;MenuIcon /&gt;
    &lt;/IconButton&gt;
  </code></pre>
  
  <p>I would like, that it worked here toggle. Once you click it, it will open. When again, it will close. How to do it?</p>