React Query (TanStack Query)
useQuery, useMutation, invalidation, cache, refetch, trạng thái loading/error, optimistic updates, query keys, phân trang
1Vai trò chính của useQuery trong React Query là gì?
Vai trò chính của useQuery trong React Query là gì?
Câu trả lời
useQuery là hook cơ bản để lấy dữ liệu chỉ đọc từ API hoặc nguồn dữ liệu. Nó tự động quản lý cache, trạng thái loading, lỗi và chiến lược refetch. Khác với useEffect kết hợp fetch, useQuery tối ưu hóa hiệu suất bằng cách tránh các request trùng lặp thông qua hệ thống cache thông minh.
2Nên sử dụng hook nào để thực hiện mutation POST tới API?
Nên sử dụng hook nào để thực hiện mutation POST tới API?
Câu trả lời
useMutation là hook chuyên dụng cho các thao tác ghi như POST, PUT, PATCH hoặc DELETE. Nó cung cấp các callback onSuccess, onError và onMutate để quản lý vòng đời của mutation. Khác với useQuery dùng để đọc dữ liệu, useMutation không tự động kích hoạt request mà yêu cầu gọi tường minh hàm mutate.
3Mục đích của query key trong React Query là gì?
Mục đích của query key trong React Query là gì?
Câu trả lời
query key là một định danh duy nhất cho phép React Query quản lý cache và các phụ thuộc giữa các truy vấn. Nó dùng để xác định, invalidate và refetch các truy vấn cụ thể. query key có thể là một string đơn giản hoặc một mảng chứa các tham số động. Thay đổi query key sẽ tự động kích hoạt fetch mới, cho phép quản lý các phụ thuộc một cách khai báo.
staleTime trong cấu hình useQuery đại diện cho điều gì?
Thuộc tính nào cho biết useQuery đang loading?
+17 câu hỏi phỏng vấn
Các chủ đề phỏng vấn React / Next.js khác
Nền tảng JavaScript
Nền tảng React
React Hooks
Vòng đời component
React Router
Quản lý state với Context
Biểu mẫu và Controlled Components
Lấy dữ liệu & API
Styling & CSS-in-JS
Nền tảng Next.js
TypeScript với React
Data Fetching trong Next.js
Server Actions trong Next.js
Định tuyến & Điều hướng trong Next.js
API Routes trong Next.js
Metadata & SEO trong Next.js
Middleware & Auth trong Next.js
Kiểm thử React
Zustand State Management
Tối ưu hiệu năng React
Error Boundaries & Error Handling
Advanced React Patterns
Tính năng nâng cao của Next.js
Triển khai & Môi trường Production với Next.js
Architecture & Design Patterns
React Server Components
Quốc tế hóa Next.js
React Bảo mật & Thực hành tốt nhất
Nắm vững React / Next.js cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí