인프런 커뮤니티 질문&답변

주철민님의 프로필 이미지
주철민

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

포트폴리오 및 아이콘, 별점 실습

value에 관해서 궁금합니다.

해결된 질문

작성

·

220

0

안녕하세요 선생님. :-) 코멘트 복습하며 궁금증이 생겨서 질문 드립니다.

리팩토링 하면서 느낀건데 , 이 이미지의 밑줄이 그어진 태그들 없이 이벤트핸들러만 있어도 기능구현에 무리가 없던데 이 태그들이 꼭 있어야 하는건가요 ?? 있어야 한다면 이유를 알고 싶습니다.

 


두 번째는 antd에서 rate를 가져올 때 궁금증입니다.

여기서 제가 궁금한것은 value={el.rating}이 부분인데, value값에 el.rating을 주지 않으면 색칠이 없는 별만 뜨더라구요. 그래서 이모션을 없애고 <div>{el.rating}<div>로 찍으니 숫자가 나오는 걸 알 수 있었습니다. 그럼 결국 댓글 작성할 때 클릭한 별은 숫자로 뮤테이션이 날라가고 조회할 때 그 숫자를 value에 넣어줘야 별 모양이 제대로 뜬다는 것을 확인했습니다. 그렇다면 이건 antd 개발자들이 독자적으로 설정을 이렇게 한건가요 ?? 아니면 일반적으로 이런 모양들은 value에 값을 넣어줘야 정상적으로 뜨는건가요 ???

 

미리 답변 감사합니다 선생님 !!! ^_^

답변 1

1

노원두님의 프로필 이미지
노원두
지식공유자

안녕하세요! 철민님!

2가지 질문에 대해서 답변 드리겠습니다!^^

  1. 이후 수업에서 제어컴포넌트(Controlled-Component)비제어컴포넌트(Uncontrolled-Component)의 차이에 대해서 설명드려요!
    현재 작성하고 계신 방식은 state가 인풋을 제어하고 있는 제어컴포넌트(Controlled-Component)예요!
    이를 반드시 사용해야할 필요는 없으며, 입력된 데이터를 변형하여 보여줄 때 사용한답니다!
    예를들어, input창에 입력된 신용카드번호를 *로 바꾸어서 state에 저장하고, 이를 보여준다던지 말이에요!^^

  2. antd를 만드신 개발자분들이 이렇게 만들어 놓은 것 같네요!
    원래 그런 것은 아니며, 라이브러리마다 모두 다르답니다!
    그러면, 이를 누가 알려주지 않으면 모르겠죠?!
    그래서 이러한 설명서가 바로 라이브러리의 docs가 되는거예요!^^

주철민님의 프로필 이미지
주철민
질문자

감사합니다 선생님 ! : )

주철민님의 프로필 이미지
주철민

작성한 질문수

질문하기