React · Middle · Frage 46 von 75
Wie implementiert man in TanStack Query ein optimistisches Update über den Cache?
- 1
onMutate- Snapshot und Cache bearbeiten,onError- zurückrollen - 2Ganz am Anfang der Mutation
invalidateQueriesaufrufen - 3Dem
useQueryder Liste die Optionoptimistic: trueübergeben
Antwort zeigen
Richtige Antwort: onMutate - Snapshot und Cache bearbeiten, onError - zurückrollen
Erklärung
cancelQueries verhindert, dass ein Hintergrund-Request die optimistischen Daten überschreibt. Der Snapshot aus getQueryData wird aus onMutate als Kontext für das Zurückrollen zurückgegeben. In v5 gibt es eine einfachere Option - die variables der Mutation in der UI zeigen, solange sie isPending ist, ohne den Cache anzufassen.