title: Material-UI Drawer with Appbar not working with component syntax
body: <p>I have created a new thread <a href="https://stackoverflow.com/questions/37119207/unable-to-implement-leftnav-with-appbar-component-in-material-ui/37120555#37120555">from this one</a> to avoid confusion as someone told me that <code>Leftnav</code> is now <code>Drawer</code> within the Material-UI components.</p>
  
  <p>I am still having problems, the first which is the ES7? syntax of the arrow functions <a href="http://www.material-ui.com/#/components/drawer" rel="nofollow noreferrer">shown here</a>. I have changed to the following code with flat links for now to try to understand what is going on:</p>
  
  <pre><code>import React, { Component } from 'react'
  import { Drawer, AppBar, MenuItem} from 'material-ui'
  import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'
  import getMuiTheme from 'material-ui/styles/getMuiTheme'
  import { Route, Router } from 'react-router'
  
  
  
  export default class Header extends Component  {
  
    constructor(props){
      super(props);
      this.state = {open:false};
    }
  
    getChildContext() {
      return {muiTheme: getMuiTheme(baseTheme)};
    }
  
  
    handleToggle() {
      this.setState({open: !this.state.open});
      console.log("open")
     }
    handleClose() { this.setState({open: false}); }
          render() {
  
  
              return (
                  &lt;div&gt;
                  &lt;Drawer
                    docked={false}
                    open={false}&gt;
                    &lt;MenuItem onTouchTap={this.handleClose}&gt;Menu Item 1&lt;/MenuItem&gt;
                    &lt;MenuItem onTouchTap={this.handleClose}&gt;Menu Item 2&lt;/MenuItem&gt;
                    &lt;MenuItem onTouchTap={this.handleClose}&gt;Menu Item 3&lt;/MenuItem&gt;
                  &lt;/Drawer&gt;
  
                  &lt;AppBar   title="App Bar Example"
              isInitiallyOpen={true} onLeftIconButtonTouchTap={this.handleToggle} onLeftIconButtonClick={this.handleToggle} /&gt;
                  &lt;/div&gt;
              );
          }
      }
  
      Header.childContextTypes = {
    muiTheme: React.PropTypes.object.isRequired,
  };
  
  export default Header;
  </code></pre>
  
  <p>I am now getting no errors but it does not work. I have added <code>onLeftIconButtonClick={this.handleToggle}</code> to try getting the hamburger menu toggling the Drawer but nothing happens. Is there any documentation about SYNTAX, parametres or any reference material I can look in order to implement this material-ui framework? </p>