https://blog.naver.com/drv983/223202618615
https://lodash.com/docs/4.17.15#orderBy
//정렬
const handelSort = (e) => {
const { name, value } = e.target;
setSort((prev) => ({ ...prev, [name]: value }));
};
//sort값이 바뀔 때마다 그 값으로 정렬
useEffect(() => {
if (sort.by !== "default") {
const sortedMovies = _.orderBy(filterMovies, [sort.by], [sort.order]);
setFilterMovies(sortedMovies);
}
}, [sort]);
_ 는 라이브러리에서 불러와야함
'FRONTEND > React' 카테고리의 다른 글
[영화 앱 2] 인기작품, 최고평점, 예정작품 별 영화 목록 구성 및 해당 위치로 스크롤 (0) | 2023.11.22 |
---|---|
[영화 앱 2] 테마 설정( 다크모드 ..) (1) | 2023.11.22 |
[영화 앱 2] 평점 6점 , 7점 , 8점 이상 영화 가져오기 및 정렬 (0) | 2023.11.22 |
[영화 앱 2] TMDB API 사용하여 영화 데이터 불러오기 (0) | 2023.11.22 |
[task 관리 앱] css적용 / 배포하기(vite) (0) | 2023.11.21 |