← React54 / 78
Pagination & Infinite Scroll
Mengambil data dalam jumlah besar dilakukan secara bertahap menggunakan parameter halaman page atau cursor.
👀 Contoh dulu
const { data } = useQuery(["users", page], () => fetchUsers(page));Hasilnya: Data di-fetch sesuai halaman aktif tanpa memuat data ribuan sekaligus.
💡 Menjaga memori browser tetap ringan.
📝 Sekarang giliranmu
Tentukan properti queryKey di dalam objek argumen berupa array yang berisi string 'items' diikuti dengan variabel page agar cache data terpisah untuk setiap halaman.
Preview