title: ReactJS Router DOM. Dynamic routes with regex
body: <p>I'm currently playing around a bit with React Router Dom and i'm questioning if it would be possible to have some dynamic routes. </p>
  
  <p>I know i can have some dynamic routing with the following:</p>
  
  <pre><code>&lt;Route path="/component/:param" component={Component} /&gt;
  </code></pre>
  
  <p>What i would like to have, is the following:</p>
  
  <p>E.g. I have a filter page. On this page, i have the following filters:</p>
  
  <p>Area</p>
  
  <ul>
  <li>Florida</li>
  <li>Miami</li>
  <li>New York</li>
  </ul>
  
  <p>Interests</p>
  
  <ul>
  <li>Webdevelopment</li>
  <li>Social Media</li>
  <li>Marketing</li>
  </ul>
  
  <p>Level</p>
  
  <ul>
  <li>Beginner</li>
  <li>Intermediate</li>
  <li>Advanced</li>
  </ul>
  
  <p>etc.</p>
  
  <p>My URL should be, when i select Florida as the area, Webdevelopment and Social media as the interests and Beginner as the level, the following</p>
  
  <pre><code>/component/filter/areas/florida/interests/webdevelopment;social-media/levels/beginner
  </code></pre>
  
  <p>Above is simple with:</p>
  
  <pre><code>&lt;Route path="/component/filter/areas/:areas/interests/:interests/levels/:levels" component={Component} /&gt;
  </code></pre>
  
  <p>But, it can also be possible that it is like this:</p>
  
  <pre><code>/component/filter/interests/webdevelopment;social-media
  </code></pre>
  
  <p>or</p>
  
  <pre><code>/component/filter/areas/new-york
  </code></pre>
  
  <p>or</p>
  
  <pre><code>/component/filter/interests/webdevelopment;social-media/areas/new-york
  </code></pre>
  
  <p>Is it possible to have 1 (or 2) Routes with the /component path for all the items and a path for the filters without having to define all the different paths for it? Because when i have, for example, 50 filters, i really don't want to have 1000+ lines for only my filters.</p>
  
  <p>Thank you in advance for you answers!</p>