Closed ucharles closed 5 months ago
코드를 아래와 같이 수정함.
이렇게 수정함으로써, inView
가 true
가 되어 다음 페이지를 fetch해야 할 상황에서 hasNextPage
가 true
이고 isFetchingNextPage
가 false
인 경우에만 fetchNextPage
함수가 호출됨. 이는 isFetchingNextPage
상태가 변할 때마다 useEffect
가 다시 평가되도록 하여, 스크롤을 빠르게 하더라도 연속적으로 데이터를 fetch할 수 있게 함.
useEffect(() => {
if (inView && hasNextPage && !isFetchingNextPage) {
fetchNextPage();
}
}, [inView && hasNextPage]);
useEffect(() => {
if (inView && hasNextPage && !isFetchingNextPage) {
fetchNextPage();
}
}, [inView, hasNextPage, isFetchingNextPage]);
문제
원인