prefetchQuery()

• Phương thức prefetchQuery() giúp ta có thể thực hiện trước việc nạp query cùng với dữ liệu vào cache (cache request network). Lưu ý rằng query này phải chưa có trong cache.

• Việc nạp trước query vào trong cache sẽ giúp ích trong một số trường hợp ta biết trước sau gì cũng cần dữ liệu đó nên nạp trước vào cache, lúc sau chỉ cần lấy ra, khỏi phải chờ đợi việc nạp query vào cache.

• Cấu hình của prefetchQuery() cũng giống như useQuery(), chỉ khác là prefetchQuery() không trả về dữ liệu hay lỗi, nó chỉ đơn giản là thực hiện việc nạp trước query vào cache.

• Ví dụ:

const queryClient = useQueryClient();
await queryClient.prefetchQuery({
    queryKey: ['todos', page],
    queryFn: () => httpGetByPage(page),
    staleTime: 10 * 1000,
})