title: Selector tag with defaultvalue problem (JSX)
body: <p>The defaultValue property in the selector tag doesnt work as intended. I have a form component with some fields and some selector fields. Now i need to prepopulate the form when the edit button is pressed from another component. I pass the data with <code>this.props.history.push({
              pathname: "/Register",
              prePopulate: res.data.data
            });</code></p>
  
  <p>and i access the data with this.props.location.prePopulate.</p>
  
  <p>I set the new values to the state and the form fields load with the previous data. The problem is with the selectors that dont show the previously chosen options. I tried with the defaultvalue property and pass the this.state.value value but it doesnt work. If i hardcode an option it works but not when it tried to pull from state.</p>
  
  <pre><code>&lt;select
                          className={classnames("form-control form-control-sm", {
                            "is-invalid": this.state.valEmergency
                          })}
                          name="emergency"
                          onChange={this.onChange}
                          defaultValue={this.state.emergency}
                        &gt;
                          &lt;option value=""&gt;Choose your level&lt;/option&gt;
                          &lt;option value="PRIMARY"&gt;Primary&lt;/option&gt;
                          &lt;option value="SECONDARY"&gt;Secondary&lt;/option&gt;
                          &lt;option value="TERTIARY"&gt;Tertiary&lt;/option&gt;
                        &lt;/select&gt;
  </code></pre>