목록lagged queries (1)

sohyeon kim

[React] TanStack Query : Paginated & Lagged Queries 페이지네이션 & 지연 쿼리

💡 이전 캐시데이터가 있다면, Loading UI 가 아닌  기존 UI 표시 페이지 이동 시 우선 캐시데이터가 나타나고, 서버로부터 새 데이터를 받아오면 그때 UI 를 변경한다.useQuery 의 옵션 중 keepPreviousData 를 true 로 바꾸면 이전 캐시데이터를 기반으로 isLoading 여부를 판단한다. const { data: movies, isLoading } = useQuery({ queryKey: ["movies", page], // initial queryKey:["movie", 1] queryFn: fetchMovieData, select: ({ total_pages, results }) => ({ total_pages, results, ..
React 2024. 8. 7. 01:27
이전 Prev 1 Next 다음