title: React Component as Const select onChange passing selected value
body: <p>I have a react component created as a const and with props.</p>
  
  <p>I also have a function see: <code>selectChanged() {}</code> is another file which is returning undefined when I change the select value.</p>
  
  <p>Here is the component code:</p>
  
  <pre><code>... 
  
  const myComponent = (props) =&gt; &lt;div id="myid"&gt;
      &lt;form onSubmit={props.onSubmit} className="gs-form"&gt;
  
          &lt;div className="label"&gt;MySelect&lt;/div&gt;
              &lt;select
                  id="myselect"
                  value=""
                  onChange={props.selectChanged}&gt;
                  &lt;option value="one" defaultValue&gt;one&lt;/option&gt;
                  &lt;option value="two"&gt;two&lt;/option&gt;
                  &lt;option value="three"&gt;three&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/form&gt;
  &lt;/div&gt;;
  
  export default myComponent;
  </code></pre>
  
  <p>And the data is passed to this:</p>
  
  <pre><code>selectChanged(value) {
  
      console.info(value);
  
  }
  </code></pre>
  
  <p>The problem is that it keeps showing undefined what I change the select value.</p>
  
  <p>How can I fix this so that '<strong>selectChanged</strong>' passes the value of the selected select ?</p>