React · Senior · Запитання 36 з 75
Як правильно передати дані TanStack Query, завантажені на сервері, у клієнтські компоненти?
- ✓Правильна відповідь:
prefetchQueryна сервері, потімdehydrateі<HydrationBoundary state> - 2Покласти дані в
localStorageна сервері й прочитати на клієнті - 3Передати в
useQueryопціюssr: true- решту бібліотека зробить сама
Пояснення
Сервер створює QueryClient на запит, виконує prefetchQuery, серіалізує кеш через dehydrate(queryClient). Клієнтський HydrationBoundary кладе ці дані в клієнтський кеш, і useQuery з тим самим ключем одразу отримує їх без повторного запиту.