دسته: Useful Packages & Tools
useQuery یه هوک از کتابخونه‌ی @tanstack/react-query هست که برای مدیریت fetch، caching، refetch و sync کردن داده‌های سرور با UI استفاده می‌شه.
const { data, status, isLoading } = useQuery({
queryKey: ["peoples"],
queryFn: fetchPlanets,
});
queryKey: یک key یکتا بهش میدهیم
queryFn: درخواست fetch را در قالب یک تابع بهش میدهیم
نکته‌ی مهم: queryKey باید تمام مقادیری رو که queryFn بهشون وابسته‌ست، در بر بگیره
در خروجی مقادیر بسیاری هست که میتوان استفاده کرد اما 3 تا از پرکاربرد ترین آن:
data: مقدار بازگشتی از تابعی که به queryFn پاس دادیم
status: وضعیت درخواست (success,pending,error)
isLoading: مقدار Boolean
log زیر خروجی کامل (بدون destructuring) هست:
