title: React Router - Nested Routes Not Rendering
body: <p>I'm currently developing with ReactJS and I am trying to get my head around React Router and it was going well up until now, because for some reason my nested route will not render.</p>
  
  <p>Basically when I navigate to '/home', I want the NavBar to render and the welcome message to be rendered underneath but for some reason only the NavBar is rendered, it forgets about rendering the welcome message. Where I am going wrong?</p>
  
  <p>See code sample below.</p>
  
  <p>Thanks.</p>
  
  <pre><code>ReactDOM.render((
    &lt;Router history={hashHistory}&gt;
      &lt;Route path="/" component={Login}/&gt;
      &lt;Route path="/signup" component={Signup}/&gt;
      &lt;Route path="/companyregistration" component={CompanyRegistration}/&gt;
      &lt;Route path="/adduserdetails" component={AddUserDetails}/&gt;
      &lt;Route component={NavBar}&gt;
        &lt;Route path="/home" component={Welcome} /&gt;
      &lt;/Route&gt;
    &lt;/Router&gt;
  ), document.getElementById("app"))
  </code></pre>
  
  <p>EDIT - NavBar:</p>
  
  <pre><code>export default React.createClass({
    render() {
      return (
        &lt;div&gt;
          &lt;AppBar
              showMenuIconButton={false}
              title={&lt;img src={"img/logo-nav.png"}/&gt;}
              iconElementRight={
                  &lt;RaisedButton 
                    onClick={signOut} 
                    label="Sign Out" 
                    primary={true} 
                    style={styles.button}         
                    icon={ 
                        &lt;FontAwesome 
                          className='super-crazy-colors' 
                          name='sign-out' 
                          style={{ color: '#B71C1C' }}
                        /&gt;
                      }
                  /&gt;
              }
            /&gt; 
            {console.log(this.props.children)}
            &lt;div&gt;{this.props.children}&lt;/div&gt;
        &lt;/div&gt;
      );
    }
  });
  </code></pre>
  
  <p>Still nothing is rendering, but console.log(this.props.children) is returning 'undefined' to the console. </p>