[ React ] <option>에 selected 사용하기

✋ 에러 코드

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

👍 상황

리액트를 사용할 때, select에서 selected 옵션을 사용하고 싶은데, 리액트에서 selected를 사용하면 위와 같이 defaultValue를 사용하라고 에러가 뜬다.

🎶 해결

selected 대신에 가장 위에 있는 select에 defaultValue나 value를 option 태그에 있는 value 값으로 쓰면 된다.

      게시 여부 :
      <select defaultValue='1' name='displayyn' onChange={onChangeHandler}>
        <option value='1'>게시함</option>
        <option value='0'>게시안함</option>
      </select>

 

https://ko.reactjs.org/docs/forms.html

폼 – React