react component error Cannot read property of undefined
<p>i am new to React i created component like this ;</p>

<pre class="lang-js prettyprint-override"><code>export default class CartoviewDrawer extends React.Component {

    constructor(props) {
        super(props);
        this.state = {open: false};
    }

    _handleToggle() {
        let open = this.state.open;
        this.setState({open: !open})
    }

    render() {
        return (
            &lt;div&gt;
                {/*&lt;RaisedButton*/}
                {/*label="Toggle Drawer"*/}
                {/*onTouchTap={this.handleToggle}*/}
                {/*/&gt;*/}
                &lt;IconButton tooltip="Toggle Drawer"
                            onTouchTap={this._handleToggle}
                &gt;
                    &lt;i className="material-icons"&gt;list&lt;/i&gt;
                &lt;/IconButton&gt;
                &lt;IconButton iconClassName="muidocs-icon-custom-github"/&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>and in another file i import this component by ;</p>

<pre><code>import CartoviewDrawer from './cartoview_drawer'
</code></pre>

<p>then i use this component :</p>

<pre><code>React.createElement(AppBar,toolbarOptions,React.createElement(CartoviewDrawer))
</code></pre>

<p>but when i click on the icon error in browser console and drawer not appear.
error:</p>

<blockquote>
  <p>Uncaught TypeError: Cannot read property 'open' of undefined</p>
</blockquote>