[영화 앱 2] 평점 6점 , 7점 , 8점 이상 영화 가져오기 및 정렬

 

 

 

 

 

최소 점수와 같다면( 평점 선택 안할 경우)

 에는 만들어놓은 전체 영화 (movies)를 setFilterMovies에 넣고 

만약에 평점을 선택했다면 

setMinRationg에 평점을 저장하고 

필터를 사용해서 평점 이상인 movies만 setFitlterMovies에 저장한다.

 

 

        <div className="align_center movie_list_fs">
          <ul className="align_center movie_filter">
            <li
              className={
                minRating === 8
                  ? "movie_filter_item active"
                  : "movie_filter_item"
              }
              onClick={() => handleFilter(8)}
            >
              8+ Star
            </li>
            <li
              className={
                minRating === 7
                  ? "movie_filter_item active"
                  : "movie_filter_item"
              }
              onClick={() => handleFilter(7)}
            >
              7+ Star
            </li>
            <li
              className={
                minRating === 6
                  ? "movie_filter_item active"
                  : "movie_filter_item"
              }
              onClick={() => handleFilter(6)}
            >
              6+ Star
            </li>
          </ul>

 

 

평점에 handleFilter 매개변수로 각 평점을 넣어준다.

 

 

 

MovieCard컴포넌트 map반복분을 수정한다. 

 

 

평점 8점 이상 

active클래스 적용 

 

 

평점 7점 이상 

active클래스 적용 

 

 

 

평점 6점 이상 

active클래스 적용 

 

 

---

 

정열 방법에 대한 state를 추가한다.