[React 리액트] a component is changing a controlled input of type text to be uncontrolled. input elements 해결!

 

[ 문제 ]

A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component.

 

input 의 value에 undefined가 들어갔을 경우에 대한 처리가 없다는 경고.

 

 

[ 해결 ]

input의 value가 undefined일 때 ''가 들어올 수 있도록 한다.

value={value || ""}