파라미터 값만 변경하여 동일한 useQuery를 무한정 호출할때 사용
이라고 나와있다.
Infinite scroll
을 적용하기 위해 사용한다.
const {
data: Data,
isLoading: isLoadingBD,
fetchNextPage,
hasNextPage,
} = useInfiniteQuery("Movies", getBookData, { // querykey , queryFN 형태로 지정
getNextPageParam: (lastPage) => {
if (lastPage.page < lastPage.total_pages) {
return lastPage.page + 1;
}
},
});
const fetchMore = async () => {
// true 일때 fetchNextPage 호출
if (hasNextPage) {
await fetchNextPage();
}
};
[참고자료]