title: reactjs: select box with FormGroup, how to route to other page when one option is selected
body: <p>As the title said. I have a select box, and lets say i am on '/home', and when one of the option in select box is select, I want the page direct to '/home/test'. I tried <code>LinkContainer</code> from <code>react-router-bootstrap</code>. But it is not working with <code>option</code> tag. </p>
  
  <p>Can anyone help me please? I am using <code>react-router</code> v4</p>
  
  <pre><code> &lt;FormGroup controlId="formControlsSelect"&gt;
          &lt;ControlLabel&gt;Please select one of the following: &lt;/ControlLabel&gt;
          &lt;FormControl componentClass="select" placeholder="select"&gt;
  
              &lt;option value="select"&gt;&lt;/option&gt;
              &lt;LinkContainer to={`${match.url}/test`} &gt;
                  &lt;option value="select"&gt;TEST&lt;/option&gt;
              &lt;/LinkContainer&gt;
          &lt;/FormControl&gt;
  &lt;/FormGroup&gt;
  
  &lt;Route exact path={`${match.url}/test`} component={Test}/&gt;
  </code></pre>