React · Senior · Frage 36 von 75
Wie übergibt man auf dem Server geladene TanStack-Query-Daten korrekt an Client-Komponenten?
- 1Die Daten auf dem Server in
localStoragelegen und auf dem Client lesen - 2
prefetchQueryauf dem Server, danndehydrateund<HydrationBoundary state> - 3
useQuerydie Optionssr: trueübergeben - den Rest erledigt die Bibliothek
Antwort zeigen
Richtige Antwort: prefetchQuery auf dem Server, dann dehydrate und <HydrationBoundary state>
Erklärung
Der Server erzeugt pro Request einen QueryClient, führt prefetchQuery aus und serialisiert den Cache per dehydrate(queryClient). Die clientseitige HydrationBoundary legt diese Daten in den Client-Cache, und useQuery mit demselben Key bekommt sie sofort, ohne neu zu laden.