react에서 select를 다루다가 오류를 만났다.
<div id="selectP">
<select value={index} onChange={onSelect} id="select">
<option value="choose" disabled selected>Select Your Units</option>
<option value="0">Minutes & Hours</option>
<option value="1">Km & Miles</option>
</select>
</div>
<div id="selectP">
<select value={index} onChange={onSelect} id="select">
<option value="default" disabled>Select Your Units</option>
<option value="0">Minutes & Hours</option>
<option value="1">Km & Miles</option>
</select>
</div>
최상위 select에 defaultValue를 지정하여 맨 처음에 보일 수 있게 했다.
disabled를 사용하여 맨 위 select 부분은 선택이 되지 않는다.