상황
리뷰 기능을 만들고 있다. 그 중 수정, 수정 완료, 수정 취소 기능을 구현 중이다.
수정 완료와 수정 취소에서 textarea 태그를 사용하는 과정에서 다음과 같은 에러가 발생했다.
해결 방법
구글 검색을 하다가, 슬랙으로 동료분에게 여쭤봤다.
수지킴님이 공유해주신 공식문서를 보니, 내가 완전 textarea 사용을 잘못하고 있었던 것이다. 아래처럼 react 에서 추천하지 않는 방식으로 사용하고 있었던 것이다.
<textarea className="review-content-fix-area">{text}</textarea>위 방식이 아닌 다음과 같은 방식이어야한다.
<textarea
className="review-content-fix-area"
value={text}
type="text-area"
onChange={fixReviewBtn}
/>
공식 문서 참고와 함께, 추리님께서 허들로 2시간동안 도와주셨다. textarea 사용 방법뿐만 아니라, 기능 구현까지 함께 진행했다. 추리님 말로는 좋은 코드 방식은 아니라서, 고민을 더 해볼 필요가 있다고 한다. 아무튼 너무 감사했다.
정리
- 공식 문서를 잘 참고하자.
- 동료 학습 최고...
- 나도 나중에 동료를 도와줄 수 있을 정도의 실력을 갖자.
참고 자료
https://ko.reactjs.org/docs/forms.html#controlled-components
jaekim