목록Intersection Observer (1)

sohyeon kim

[React] TanStack Query : Infinite Queries & Intersection Observer 무한스크롤 활용

💡 데이터 패칭이 일어나 기존 데이터에 fetched data 를 추가하고자 할 때 유용하게 사용할 수 있는 hook 더보기 UI 또는 무한스크롤 UI 에 사용하기에 적합!const { data: movies, hasNextPage, fetchNextPage, isFetchingNextPage, } = useInfiniteQuery({ queryKey: ["movies"], // 페이지 없이 키만 전달 queryFn: fetchMovieData, getNextPageParam: (lastPage) => { console.log("getNextPageParam 호출"); console.log("lastPage: ", lastPage); ..
React 2024. 8. 7. 01:47
이전 Prev 1 Next 다음