title: ReactJS - react-router nested path not rendered
body: <p>I can't solve this problem, I can't render the HTML of my <code>component</code> that i call from a <code>nested path</code> like <code>/page/detail</code></p>
  
  <p><strong>My route tree</strong></p>
  
  <pre><code>render(
      (&lt;Router history={history}&gt;
          &lt;Route path="/" component={App}&gt;
              &lt;IndexRoute component={Index}/&gt;
              &lt;Route path="page" component={Page}&gt;
                  &lt;Route path="/page/detail" component={Detail} /&gt;
              &lt;/Route&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;),
      document.getElementById('main')
  )
  </code></pre>
  
  <p><strong>My {App} component renders this:</strong></p>
  
  <pre><code>render() {
      return (
          &lt;div&gt;
              &lt;nav className="navbar"&gt;
                  &lt;ul className="nav navbar-nav navbar-right"&gt;
                      &lt;li&gt;&lt;Link className="menu-link" ref="menu" to="/page"&gt;Page Test&lt;/Link&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/nav&gt;
              &lt;div id="content-wrapper"&gt;{this.props.children}&lt;/div&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  
  <p>My route <code>/page/detail</code> is called from a <code>Link</code> inside the component <code>{Page}</code> but if i access to this link i see only what {Page} component renders. I've searched for some solution about nested routes with react-routers but i didn't find an answer.</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>By this solution i've rendered my {Detail} component's html:
  I've inserted this within {Page} component</p>
  
  <pre><code>{this.props.children || &lt;div&gt;My Detail page&lt;/div&gt; }
  </code></pre>
  
  <p><strong>UPDATE 2</strong></p>
  
  <p>In my {Page} component I've inserted a jQuery <a href="https://mixitup.kunkalabs.com/" rel="nofollow">plugin</a>.</p>
  
  <pre><code>mix() {
      $("#filter-gallery").mixItUp();
  }
  
  destroy() {
      $('#filter-gallery').mixItUp('destroy');
  }
  
  componentDidMount() {
      this.mix();
  }
  
  componentWillUnmount() {
      this.destroy();
  }
  </code></pre>
  
  <p>This plugin works only at {Page} refresh page, if i navigate to /page/detail and then come back to /page the plugin doesn't work.</p>