infinityQuery와 intersectionObserver를 활용한 React 무한 스크롤


infinityQuery와 intersectionObserver를 활용한 React 무한 스크롤

import axios from "axios"; import { useInfiniteQuery } from "react-query"; import carImg from "../../assets/car.png"; import { useEffect, useLayoutEffect, useRef } from "react"; // 타입 모음 interface Page { body: string; email: string; id: number; name: string; postId: number; } interface PageParam { pageParam?: number; } // infinityQuery 콜백함수 function infinityFnc({ pageParam = 1 }: PageParam) { return axios({ method: "get", url: `https://jsonplaceholder.typicode.com/comments`, params: { postId: pa...


#infinityQuery #infinityScroll #intersectionObserver #React #typescript #무한스크롤 #타입스크립트

원문링크 : infinityQuery와 intersectionObserver를 활용한 React 무한 스크롤