https://blog.naver.com/drv983/223202618615
로대쉬 설치및 select 선택에 따라 정렬하기
Lodash 라이브러리 Lodash(로대쉬)는 JavaScript의 인기있는 라이브러리 중 하나로 제이쿼리, 리액트와...
blog.naver.com
https://lodash.com/docs/4.17.15#orderBy
Lodash Documentation
_(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti
lodash.com
//정렬
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 |