[error] input 창 수정시 기존값 관련 오류(A component is changing an uncontrolled input to be controlled.)

수정페이지 구현을 위해 input 에 api를 통해 기존 값을 받아오자 

아래와 같은 에러가 발생했다.

Warning: A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info

 

input에서 부터 발견한 에러인데 그 전까진 없다가 수정시에 발생했다.

이는 기존 value에 값이 제대로 전달받지 못해 undefined가 들어갈시 에러가 났다.

따라서 기존 input의 value에 || "" 을 추가해준다.

그럼 undefined 일때 ''가 들어가져서 에러가 안난다.

 

에러문구가 사라졌다. 해결!