I had this dropdown code. At first, nothing looks wrong with below code. But no matter what I do, the defaultValue wasn’t being set in the select options.
<select name="game_set_id" className="form-control" defaultValue={props.currentGameSetId} onChange={e => props.onChange(parseInt(e.currentTarget.value))} required > <option value="">-- กรุณาเลือก Game Set --</option> {props.gameSets.map((gameSet: SetAsOption) => ( <option key={gameSet.name} value={`${gameSet.id}`}> {gameSet.name} </option> ))} </select>
After fiddling around and doing a google search I came across the simple solution.
Change the defaultValue to value. And it worked perfectly.
For now, it’s working fine and happy with it. When, I have sometime, I will try to fiddle around and find why it works with only value and not with defaultValue.