Trung BìnhState Management iconState Management

Cache invalidation trong React Query hoạt động như thế nào?

Cache invalidation là cơ chế đánh dấu data đã cũ (stale) để trigger refetch.

  • Cách dùng: queryClient.invalidateQueries({ queryKey: ['todos'] }) — tất cả queries có key bắt đầu bằng 'todos' bị đánh dấu stale.
  • Nếu component đang mount thì refetch ngay, nếu không thì refetch khi component mount lại.
  • Thường gọi sau mutation thành công: thêm todo mới → invalidate todo list → list tự động refetch.
  • Ngoài ra có queryClient.setQueryData() để update cache trực tiếp mà không cần refetch — hữu ích khi mutation trả về data mới.

Xem toàn bộ State Management cùng filter theo level & chủ đề con.

Mở danh sách State Management