REACT_[warning]Use the `defaultValue` or `value` props on <select> instead of setting `selected` on <option>.오류를 해결해보자

JSkim·2022년 3월 23일
0

일단 이오류는 select 박스 설정때문에 나오는거다

기존코드

<select 설정 어쩌구...>
   <option value="" disabled selected hidden>아래내용중에하나선택하세요(이건선택못함)</option>
   <option value="1">첫번째내용</option>
   <option value="2">두번째내용</option>
   <option value="3">세번째내용</option>
</select>

이렇게해서 첫번째 내용은 선택못하지만 기본적으로 보여주는 내용으로 선택해놓음.

이렇게 하니까 잘 되긴하는데 위와같이 warning 뜨더라...
해결 해보자...

해결코드

<select 설정 어쩌구...>
   <option value="default" hidden>아래내용중에하나선택하세요(이건선택못함)</option>
   <option value="1">첫번째내용</option>
   <option value="2">두번째내용</option>
   <option value="3">세번째내용</option>
</select>

그냥 이렇게 disabled, seleted를 지워버리면 됨.
select 옵션에서 defaultValue를 써보기도 했는데
그렇게 하니까 value랑 defaultValue 같이쓰지말라고 또 warning뜨더라...

암튼 난 이렇게 해결 했다....끝

profile
제주도 프론트앤드 개발자의 개발 일기

0개의 댓글