title: react router v4 match
body: <p>I took this example from the official docs <a href="https://reacttraining.com/react-router/web/example/url-params" rel="nofollow noreferrer">https://reacttraining.com/react-router/web/example/url-params</a>, but i rly dont get docs that well. So i understand most of the code but i dont understand <code>&lt;Route path="/:id" component={Child}/&gt;</code> how does this works (how the hell is it matching all of the <code>Links</code>) </p>
  
  <pre><code>import React from 'react'
  import {BrowserRouter as Router, Route, Link} from 'react-router-dom'
  
  const ParamsExample = () =&gt; (
    &lt;Router&gt;
      &lt;div&gt;
        &lt;h2&gt;Accounts&lt;/h2&gt;
        &lt;ul&gt;
          &lt;li&gt;
            &lt;Link to="/netflix"&gt;Netflix&lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to="/zillow-group"&gt;Zillow Group&lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to="/yahoo"&gt;Yahoo&lt;/Link&gt;
          &lt;/li&gt;
          &lt;li&gt;
            &lt;Link to="/modus-create"&gt;Modus Create&lt;/Link&gt;
          &lt;/li&gt;
        &lt;/ul&gt;
        &lt;Route path="/:id" component={Child}/&gt;
      &lt;/div&gt;
    &lt;/Router&gt;
  )
  
  const Child = ({match}) =&gt; (
    &lt;div&gt;
      {match.params.id}
      &lt;h3&gt;ID: {match.params.id}&lt;/h3&gt;
    &lt;/div&gt;
  )
  
  export default ParamsExample;
  </code></pre>