Review 별표시

🔖  별을 선택했을 시 선택한 별을 포함하여 앞쪽의 별까지 모두 선택되도록 하는 함수

(리뷰작성 시 총점을 표시를 5개의 별로 표시할 경우 )

const handleClickStar = (index: number) => {
    const starStates = [...clickStar];

    for (let i = 0; i < starStates.length; i++) {
      starStates[i] = i <= index ? true : false;
    }
    setClickStar(starStates);
    setEvalScore(index + 1);
  };

• 왼쪽인 i <= index는 i가 index보다 작거나 같은지를 평가하는 조건
• starStates 배열의 인덱스가 index보다 작거나 같은 경우에 대해 true를 할당하고, 그 외의 경우에는 false**를 할당하는 로직을 나타냅니다.