[모각코][Reactjs] 별점기능 구현

인트로

앞서 구현했던 Write.js에서 해당 의료기관을 방문한 사용자가 리뷰를 남길수 있는 페이지를 구현했었다.

이 페이지에 별점을 매기는 기능을 추가해서 나중에 다른 사용자가 이 의료기관을 보았을때 다른 이용자들의 만족도를 볼 수 있는 척도를 제공하기 위해 해당 기능을 구현하게 되었다.

 

코드

기본값을 별이 비어있는 경우로 잡았다.(false 로 기본값 할당해줌)

이후 선택한 별의 index만큼 하위 index의 값을 true로 바꿔준다.

 

 

 

 

만약 위 코드를 실행하다가

Cannot find module 'sass'

 

이 에러가 뜬다면 아래 두 방법중 하나의 방법을 실행해주시면 됩니다.

 

Globally:

npm i -g sass

Locally:

npm i sass --save-dev

위와 같이 sass 모듈을 설치하고 진행해 주시기 바랍니다.

 

# 참조

StackOverFlow-Cannot find module 'sass'

CSS및 React를 사용하여 별표 평점 만들기