Form 안에 Textarea를 사용하여 서브밋 이벤트를 서버로 보내주려고하였다.
이때 Textarea는 서버로 부터 등록된 내용이 있다면 이 내용을 value 값으로 시작하여 사용자는 해당 질문에 답변을 달았음을 알 수 있어야했다.
Input의 경우 value에 데이터를 바인딩하여 문제없이 사용하였으나,
Textarea의 경우는 달랐다.
우선,Textarea 경우 HTML 네이티브 Textarea의 경우 value 속성을 가지지 않지만 react에서는 이를 가진다.
따라서 input과 같이 value를 사용하여 데이터를 바인딩하였으나, 값을 불러올 수는 있지만 값을 불러온 후 Textarea를 핸들링할 수 없었다.
로직이 잘못된건지 수차례 확인한 결과 Textarea를 잘못사용하고 있을 수 있다는 가정으로 자료를 찾아보니
리액트에서 Textarea의 value , defaultValue 속성의 차이를 알게 되었다.
이 둘의 차이점은 요소를 핸들링할 수 있는지 없는지라는 가장 큰 차이점이 있다는 것을 알게되었고
defaultValue 속성에 데이터를 바인딩하여 문제를 해결 할 수 있었다!!!