How does one set the default value of an uncontrolled
<select>
<select>
<select
// defaultValue="Select a type"
// value="Select a type"
onChange={ this.handleTypeSelect.bind(this, event) }
>
<option value="" disabled selected>Select a type</option>
<option value="type1">type1</option>
<option value="type2">type2</option>
</select>
Warning: Use the defaultValue or value props on <select> instead of setting
on <option>
selected
value
defaultValue
defaultValue
takes the value of the default option you want selected. Your option Select a type has no value.
If you do <option value="-1">Select a type</option>
then defaultValue={-1}
it should work.
<select defaultValue={-1} onChange={ this.handleTypeSelect.bind(this, event)}>
<option value="-1" disabled>Select a type</option>
<option value="type1">type1</option>
<option value="type2">type2</option>
</select>