title: How to get value of Select Box (which is a component) in react js?
body: <blockquote>
    <p>I have created SELECT drop down reusable component, which I am using in a form at different page by importing that component. How do i get the value of selection on submit of form?</p>
  </blockquote>
  
  <pre><code>    import React from 'react';
      export default class Combobox extends React.Component {    
          render() {
              return (
  
              &lt;div className="combobox-wrapper"&gt;
                  &lt;select className="form-control"&gt;
                  {
                      this.props.combolist.map(function(item, i) {
                        return (
                          &lt;option key={i} value={item.name}&gt;{item.name}&lt;/option&gt; 
                        ) 
                      })
                    }
                  &lt;/select&gt;
              &lt;/div&gt;
          );
          }
  
      }
  
      import React from 'react';
      import Combobox from '../components/Combobox';
      export default class Home extends React.Component {
      submit(event){
              //how to get combobox (Select list) value here
      } 
      render() {
             var comboList = [{name: 'Self'},{name: 'Mother'},
                 {name: 'Father'},{name: 'Domestic Partner'}];
              return (
                  &lt;div&gt;
                      &lt;div className="col-lg-10 col-md-10 col-sm-10 marginTop20"&gt;
                      &lt;form ref="form" onSubmit={this.submit.bind(this)} &gt;
                          &lt;div className="row"&gt;
                              &lt;Combobox combolist={comboList} /&gt;
                         &lt;/div&gt;
          &lt;div className="row"&gt;
                              &lt;input type="submit" value="submit"
                className="btn btn-primary" /&gt;
                         &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>