title: React Router Links aiming to specific components
body: <p>Let's say I have an app utilizing <code>react-router-dom</code></p>
  
  <pre><code>App.js
  </code></pre>
  
  <pre><code>class App extends Component {
     render() {
        return (
          &lt;Fragment&gt;
            &lt;Switch location={location}&gt;
              &lt;Route exact path="/" component={LoginPage} /&gt;
              &lt;Route loggedIn={loggedIn} path="/dashboard" component={Dashboard} location={location} /&gt;
            &lt;/Switch&gt;
          &lt;/Fragment&gt;
        )
     }
  }
  </code></pre>
  
  <p>Then inside my Dashboard component I have a Link, but I want the Link to only update my ChatConversation component based on a match of the <code>match.params.id</code></p>
  
  <pre><code>Dashboard.js
  </code></pre>
  
  <pre><code>&lt;Fragment&gt;
    &lt;Left&gt;
      &lt;SettingsMenu /&gt;
      &lt;ConversationsContainer /&gt;
    &lt;/Left&gt;
    &lt;Right&gt;
      &lt;Route path="/dashboard/conversations/:id" component={ChatConversation} /&gt;
    &lt;/Right&gt;
  &lt;/Fragment&gt;
  </code></pre>
  
  <p>Is there a way to make it so only my component <code>ChatConversation</code> updates and it doesn't update the whole app component located within the switch of my <code>App.js</code>?</p>
  
  <pre><code>ChatConversation.js
  </code></pre>
  
  <pre><code>&lt;Fragment&gt;
    Conversation ID: {match.params.id}
  &lt;/Fragment&gt;
  </code></pre>