Select elements must be either controlled or uncontrolled.

Select elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled select element and remove one of these props.

에러나는 코드
1
2
3
4
<select value={state} defaultValue="kr" onChange={changeLang}>
<option value="kr">한국어</option>
<option value="en">English</option>
</select>
에러 안나는 코드
1
2
3
4
<select value={state} onChange={changeLang}>
<option value="kr">한국어</option>
<option value="en">English</option>
</select>
  • defaultValue prop을 삭제하자
  • Select elements는 컨트롤되거나 안되게 둘중 하나만 하라는 건데..
  • value prop와 defaultValue prop는 같이 사용할 수 없다고 한다

참고

Author

chinsung

Posted on

2020-12-07

Updated on

2021-08-04

Licensed under

댓글