title: How to get value of selected option in react-bootstrap select FromControl
body: <p>I'm trying to write what the user selects from a dropdown to a firebase database based off the value stored in the component state, but I can't figure out how to get the value of the selected option and update it to the <code>storeType</code> state</p>
  
  <p>Here is my dropdown menu:</p>
  
  <pre><code>&lt;FormGroup&gt;
                          &lt;FormControl
                              componentClass="select"
                              placeholder="Store type"
                              onChange={this.handleCatChange}
                          &gt;
                              &lt;option value="placeholder"&gt;Choose eatery type...&lt;/option&gt;
                              &lt;option value="cafe"&gt;Cafe&lt;/option&gt;
                              &lt;option value="bakery"&gt;Bakery&lt;/option&gt;
                              &lt;option value="pizza"&gt;Pizza store&lt;/option&gt;
                              &lt;option value="sushi"&gt;Sushi store&lt;/option&gt;
                              &lt;option value="buffet"&gt;Buffet&lt;/option&gt;
                              &lt;option value="donut"&gt;Donut store&lt;/option&gt;
                              &lt;option value="other"&gt;Other&lt;/option&gt;
                          &lt;/FormControl&gt;
  &lt;/FormGroup&gt;
  </code></pre>
  
  <p><strong>this.handleCatChange:</strong></p>
  
  <pre><code>handleCatChange(e) {
      this.setState({
          storeType: e.target.value
      })
      console.log(this.state.storeType)
  }
  </code></pre>