title: React Router prefix
body: <p>I'm building a multilingual site in React and I'm using react router for my routing. Right now I have it setup where the prefix has to be present in order to transition to the route. </p>
  
  <p>What I'm trying to do is the following: When I go to <em>localhost:3000</em> I want my app to transition to the home component. And when I go to 
  <em>localhost:3000/jp</em> I still want to transition to the home component except now my language prefix would be <em>jp</em>.</p>
  
  <p>I want English to be the default language and for other languages they have to be present in the prefix.
  Right now it only transitions to the home component if I enter <em>localhost:3000/en</em>.</p>
  
  <p>Is there a way to accomplish this?</p>
  
  <pre><code>import React, { Component } from 'react';
  import { Route, Switch } from "react-router-dom";
  
  import { Home } from '../containers/home';
  import { About } from '../containers/about';
  import { Contact } from '../containers/contact';
  
  
  export default class Routes extends Component {
      render(){
          return(
              &lt;Switch&gt;
                  &lt;Route path="/:lang/about" component={About} /&gt;
                  &lt;Route path="/:lang/contact" component={Contact} /&gt;
                  &lt;Route path="/:lang/" component={Home} /&gt;
              &lt;/Switch&gt;
          );
      }
  }
  
  </code></pre>