value에 관해서 궁금합니다.

Question

안녕하세요 선생님. :-) 코멘트 복습하며 궁금증이 생겨서 질문 드립니다. 리팩토링 하면서 느낀건데 , 이 이미지의 밑줄이 그어진 태그들 없이 이벤트핸들러만 있어도 기능구현에 무리가 없던데 이 태그들이 꼭 있어야 하는건가요 ?? 있어야 한다면 이유를 알고 싶습니다. 두 번째는 antd에서 rate를 가져올 때 궁금증입니다. 여기서 제가 궁금한것은 value={el.rating}이 부분인데, value값에 el.rating을 주지 않으면 색칠이 없는 별만 뜨더라구요. 그래서 이모션을 없애고

{el.rating}

로 찍으니 숫자가 나오는 걸 알 수 있었습니다. 그럼 결국 댓글 작성할 때 클릭한 별은 숫자로 뮤테이션이 날라가고 조회할 때 그 숫자를 value에 넣어줘야 별 모양이 제대로 뜬다는 것을 확인했습니다. 그렇다면 이건 antd 개발자들이 독자적으로 설정을 이렇게 한건가요 ?? 아니면 일반적으로 이런 모양들은 value에 값을 넣어줘야 정상적으로 뜨는건가요 ??? 미리 답변 감사합니다 선생님 !!! ^_^

노원두 · Answer

안녕하세요! 철민 님! 2가지 질문에 대해서 답변 드리겠습니다!^^ 이후 수업에서 제어컴포넌트(Controlled-Component) 와 비제어컴포넌트(Uncontrolled-Component) 의 차이에 대해서 설명드려요! 현재 작성하고 계신 방식은 state가 인풋을 제어하고 있는 제어컴포넌트(Controlled-Component) 예요! 이를 반드시 사용해야할 필요는 없으며, 입력된 데이터를 변형하여 보여줄 때 사용한답니다! 예를들어, input창에 입력된 신용카드번호를 *로 바꾸어서 state에 저장하고, 이를 보여준다던지 말이에요!^^ antd를 만드신 개발자분들이 이렇게 만들어 놓은 것 같네요! 원래 그런 것은 아니며, 라이브러리마다 모두 다르답니다! 그러면, 이를 누가 알려주지 않으면 모르겠죠?! 그래서 이러한 설명서가 바로 라이브러리의 docs 가 되는거예요!^^