[React] 셀렉트 박스 오류 : [warning]Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

아래 사진과 같이 select Box 클릭 전에 "문의유형을 선택해주세요" 가 보이고,

클릭 후 옵션에는 보이지 않게 하고 싶었다.

 

 

[오류코드]

<select>
  <option value="default" selected disabled hidden>문의유형을 선택해주세요</option>
  <option value="회원정보">회원정보</option>
  <option value="이용안내">이용안내</option>
  <option value="오류/불편">오류/불편</option>
  <option value="이벤트">이벤트</option>
  <option value="제휴">제휴</option>
  <option value="기타">기타</option>
</select>

위와 같이 해당 option에 selected를 넣었을때 아래와 같은 콘솔 오류가 났다.

 

[warning]Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.

 

 

 

[해결코드]

<select defaultValue="default">
  <option value="default" disabled hidden>문의유형을 선택해주세요</option>
  <option value="회원정보">회원정보</option>
  <option value="이용안내">이용안내</option>
  <option value="오류/불편">오류/불편</option>
  <option value="이벤트">이벤트</option>
  <option value="제휴">제휴</option>
  <option value="기타">기타</option>
</select>

 

옵션에 selected를 넣는 대신,

 최상단 select 에 defaultValue="default"를 넣는 것으로 해결하였다.