title: How to set state in React and Material-ui over .js files?
body: <p>I'm new for <code>React</code> and <code>Material-UI</code> too. I have this App.js file:</p>
  
  <pre><code>import React, {Component} from 'react';
  import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
  import AppBar from 'material-ui/AppBar';
  import IconButton from 'material-ui/IconButton';
  import NavigationMenu from 'material-ui/svg-icons/navigation/menu';
  import DrawerMenu from './DrawerMenu';
  
  const AppBarIcon = () =&gt; (
    &lt;AppBar
      title="Title"
      iconElementLeft={&lt;IconButton onClick={???}&gt;
                           &lt;NavigationMenu /&gt;
                       &lt;/IconButton&gt;}
    /&gt;
  );
  
  class App extends Component {
      render() {
          return (
              &lt;div className="App"&gt;
                  &lt;MuiThemeProvider&gt;
                      &lt;div&gt;
                          &lt;DrawerMenu /&gt;
                          &lt;AppBarIcon /&gt;
                      &lt;/div&gt;
                  &lt;/MuiThemeProvider&gt;
               &lt;/div&gt;
          );
      }
  }
  
  export default App;
  </code></pre>
  
  <p>...and this is the DrawerMenu.js file:</p>
  
  <pre><code>import React from 'react';
  import Drawer from 'material-ui/Drawer';
  import MenuItem from 'material-ui/MenuItem';
  
  export default class DrawerSimpleExample extends React.Component {
  
    constructor(props) {
      super(props);
      this.state = {open: false};
    }
  
    handleToggle = () =&gt; this.setState({open: !this.state.open});
  
    render() {
      return (
        &lt;div&gt;
          &lt;Drawer open={this.state.open}&gt;
            &lt;MenuItem&gt;Menu Item&lt;/MenuItem&gt;
            &lt;MenuItem&gt;Menu Item 2&lt;/MenuItem&gt;
          &lt;/Drawer&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>Is there any way to set the IconButton's onClick value in App.js file to set the DrawerMenu's state <code>open:true</code> ? For example:</p>
  
  <pre><code>&lt;IconButton onClick={ DrawerMenu.setState({open:true}) }&gt;
  </code></pre>
  
  <p>...or something like this?</p>