title: ReactJS - Route update link but not refresh page
body: <p>I'm building a simple ReactJS page (my first one) and i'm having an issue with route. Link on browser bar is updated (no errors in console) but the page is not refreshed:</p>
  
  <p>My <code>App.js</code> is:</p>
  
  <pre><code>return(
     &lt;div id="container"&gt;
        &lt;Dashboard&gt;{this.props.children}&lt;/Dashboard&gt;
     &lt;/div&gt;
  );
  </code></pre>
  
  <p>The Dashboard is the main page where the dynamic content is rendered on the middle </p>
  
  <pre><code> return(
      &lt;!-- code for navbar, sidebar etc --&gt;
        ...
        &lt;Link to="/memory"&gt;Memory&lt;/Link&gt;
        ....
       &lt;div id="page-wrapper" className="page-wrapper"&gt;
          {this.props.children}
       &lt;/div&gt;
  );
  </code></pre>
  
  <p>So i have created two small component (<code>Home</code> that is displayed at the beginning and <code>Memory</code>)</p>
  
  <p>Home:</p>
  
  <pre><code>render() {
      return(
         &lt;div className="row"&gt;
              HOMEPAGE
          &lt;/div&gt;
      );
  }
  </code></pre>
  
  <p>Memory:</p>
  
  <pre><code>  render() {
          return(
             &lt;div className="row"&gt;
                  MEMORY
              &lt;/div&gt;
          );
      }
  </code></pre>
  
  <p>Router is very simple:</p>
  
  <pre><code>&lt;Route component={App}&gt;
      &lt;Route path='/' component={Home}&gt;
          &lt;Route path='/memory' component={Memory} /&gt;
      &lt;/Route&gt;
  &lt;/Route&gt;
  </code></pre>
  
  <p>When i go to my home server (localhost:3000) my <strong>HOMEPAGE</strong> is displayed but when i click on <code>Memory</code> link nothing happen... the url change but <code>Memory</code> component is not rendered...</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Thanks to the reply i have had this is a working version:</p>
  
  <p>Dashboard -> deleted</p>
  
  <p>App.js</p>
  
  <pre><code> return(
      &lt;div id="container"&gt;
        &lt;div className="content" id="wrapper"&gt;
          &lt;Navigation /&gt;
          &lt;div id="page-wrapper" className="page-wrapper" &gt;
            {this.props.children || &lt;Home /&gt;}
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>In this way Navigation will contain only the part relative to navigation (top bar and left side bar).</p>
  
  <p>Route has been changed:</p>
  
  <pre><code>&lt;Route&gt;
     &lt;Route path='/' component={App}&gt;
        &lt;Route path='/memory' component={Memory} /&gt;
     &lt;/Route&gt;
  &lt;/Route&gt;
  </code></pre>
  
  <p>Now when i go to home (localhost:3000) , the variable <code>this.props.children</code> is undefined and i render the Home component (thanks to <code>{this.props.children || &lt;Home /&gt;}</code>).</p>
  
  <p>In all other cases i render the right component provided by <code>Link</code></p>