#1. Warning: A component is changing a controlled input to be uncontrolled
음 .. 상당히 긴 에러가 발생하였다.
해석을 해보니 구성 요소가 제어된 입력을 제어되지 않도록 변경하고 있습니다~ 하면서 제어된 입력 요소와 제어되지 않은 입력 요소 중 어느것을 사용할지 선택하라는 말인 듯 하다.
이렇게 말하면 뭔 말인지 모르겠다 ..
그래서 이와 관련해서 더 찾아보니, input의 value값에 undefined가 들어갔을 경우 발생하는 에러라는 것을 알게 되었다.
에러가 발생하는 부분을 찾아봤더니 이 부분(이미지)에 value 값이 들어가기 전에 undefined 값이 먼저 들어가면서 생기는 에러였다.
해결방법
해결 방법 undefined 값이 들어갈 틈을 주지 않으면 됐던것이다.
OR 연산자를 활용해서 value값 또는 빈문자열을 주게되면 기본값으로 빈 문자열을 가지고 있다가 값이 들어오면 들어온 값으로 바뀌게 된다.
모든 에러가 이렇게 쉽게 해결됐으면 좋겠다.