title: How do properly use Onsen's Navigator in React?
body: <p>I'm trying to implement a simple Onsen Navigator in React.</p>
  
  <p>So far I'm receiving an error 'route is not defined' and I was looking through the examples &amp; docs but I only saw the <code>initialRoute</code> prop was provided, how &amp; where does the <code>route</code> prop generated or something? Cause it seems like its not specified.</p>
  
  <p>Here is my the code of my component:</p>
  
  <pre><code>import React, {PropTypes} from 'react';
  import ons from 'onsenui';
  import * as Ons from 'react-onsenui';
  
  class SignUp extends React.Component {
    constructor(props) {
      super(props);
      this.state = {
        index : 0
      };
      this.renderPage = this.renderPage.bind(this);
      this.pushPage = this.pushPage.bind(this);
    }
  
    pushPage(navigator) {
      navigator.pushPage({
        title: `Another page ${this.state.index}`,
        hasBackButton: true
      });
  
      this.setState({index: this.state.index++});
    }
  
    renderPage(route, navigator) {
      return (
        &lt;Ons.Page key={route.title}&gt;
          &lt;section style={{margin: '16px', textAlign: 'center'}}&gt;
            &lt;Ons.Button onClick={this.pushPage}&gt;
  
              Push Page
            &lt;/Ons.Button&gt;
          &lt;/section&gt;
        &lt;/Ons.Page&gt;
      );
    }
  
    render() {
      return (
        &lt;Ons.Page key={route.title}&gt;
          &lt;Ons.Navigator
            renderPage={this.renderPage}
            initialRoute={{
              title: 'First page',
              hasBackButton: false
            }}
          /&gt;
        &lt;/Ons.Page&gt;
      );
    }
  };
  
  SignUp.propTypes = {
    'data-pageName': PropTypes.string.isRequired
  };
  
  export default SignUp;
  </code></pre>
  
  <p>Is this the right syntax in ES6? Have I missed something?</p>