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

김윤원님의 프로필 이미지
김윤원

작성한 질문수

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

포트폴리오 리뷰 (boards 수정 2편)

댓글 작성기능중 별점 rating 부분 질문

해결된 질문

작성

·

303

0

31-2 포트폴리오 과제를 진행하다가 막혀서 질문드려요!!

다른기능들은 이미 해봤던내용의 복습인것같아 잘진행을 하고있던 와중에 별점 기능을 구현하는데 어려움이 좀 있네요. 처음 만들어보는 기능이라 혼자 만들어보다가 잘진행이 되지않아 레퍼런스 코드를 한번보고싶은데요

해당 과제 세션에 링크된 레퍼런스코드에는 그기능이 따로 없는것같아서 여쭈어봅니다.

답변 1

0

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

안녕하세요! 윤원님!

해당 과제에서의 별점은 antd 라이브러리를 이용하여 만들기예요!
ant-design 사이트에 가셔서 별점 그림을 불러와서 적용해 보세요!

만약, 직접 구현을 하신다면 아래를 응용해 보시는 것도 좋아요!^^

const [rating, setRating] = useState(4) // 4점
[1, 2, 3, 4, 5].map(el => <MyImage isActive={el <= rating} />)
김윤원님의 프로필 이미지
김윤원

작성한 질문수

질문하기