title: Nested routes with react router v4 not working
body: <p>I have create a route for a page.In side that page I have use 4 component.I have give path to these to these component.In header dropdown I have given links to these components, On first click the path is change. <a href="https://i.stack.imgur.com/t3lqs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t3lqs.png" alt="enter image description here"></a></p>
  
  <p>but in second click the url is change but not redirecting.
  <a href="https://i.stack.imgur.com/n1bnW." rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n1bnW." alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const menu = (
        &lt;Dropmenu&gt;
          &lt;Menu
            key="menu"
            style={{ backgroundColor: '#0f2037', borderRadius: '0' }}
          &gt;
            &lt;Menu.Item key="golive"&gt;
              &lt;Link to={'/s/live'} style={{ color: '#fff' }}&gt;
                &lt;Icon type="video-camera" /&gt;
                &amp;nbsp; Start Live Broadcast
              &lt;/Link&gt;
            &lt;/Menu.Item&gt;
            &lt;Menu.Item key="mychannel" style={{ color: '#fff' }}&gt;
              &lt;Link to={'/s/profile'} style={{ color: '#fff' }}&gt;
                &lt;Icon type="user" /&gt;
                &amp;nbsp; Manage Profile
              &lt;/Link&gt;
            &lt;/Menu.Item&gt;
            &lt;Menu.Item key="settings"&gt;
              &lt;Link to={'/s/account'} style={{ color: '#fff' }}&gt;
                &lt;Icon type="setting" /&gt;
                &amp;nbsp; Account
              &lt;/Link&gt;
            &lt;/Menu.Item&gt;
            &lt;Menu.Item
              key="logout"
              onClick={this.logoutCall}
              style={{ color: '#fff' }}
            &gt;
              &lt;Icon type="logout" /&gt;
              &amp;nbsp; Logout
            &lt;/Menu.Item&gt;
          &lt;/Menu&gt;
        &lt;/Dropmenu&gt;
      );
     
    &lt;BrowserRouter&gt;
       &lt;Switch&gt;
          &lt;Route path="/s" component={GoLive} /&gt;
          &lt;Route
            path="/s/profile"
            render={() =&gt; (
              &lt;div&gt;
                &lt;ManageProfile descri={teprop} /&gt;
              &lt;/div&gt;
            )}
          /&gt;
        &lt;/Switch&gt;
    &lt;/BrowserRouter&gt;</code></pre>
  </div>
  </div>
  </p>