Ich versuche, mit React um Apollo herumzukommen. Wie kann ich meinem lokalen Apollo-Store einen Status hinzufügen?
Ich benutze Meteor. Es bietet eine Funktion auf der Client-Seite, um zu testen, ob ein Benutzer angemeldet ist und seine ID zurückgibt, wenn sie sich mit Meteor.userId() befindet. Ich muss auf diesen Zustand in einer Reihe von verschiedenen Komponenten zugreifen.
Hier ist meine Client-Datei:
%Vor%Registrieren Sie APIs (Server):
%Vor%Zuerst ist hier das einfachste Beispiel aus der Dokumentation zum Lesen aus dem Cache:
%Vor%Lesen Sie hier mehr darüber: Apollo Client - Grundlegende Operationen
Hier ist die Erklärung, wie man direkt in den Cache schreibt: Apollo Client - writeQuery und writeFragment
Zweitens: Diese Optionen eignen sich für mehrere Szenarien. Aber was Sie wahrscheinlich wirklich wollen besteht darin, Ihre Komponenten mit HOC zu umhüllen, die Abfragen ausführen, die aus dem Cache lesen und die Ergebnisse in das props Ihrer Komponente schreiben. Es ist sehr einfach mit den Funktionen von Apollo Client zu erreichen.
Hier finden Sie eine gute Erklärung und Beispiele: Apollo Client - Grundlegende Abfragen
Verwenden Sie für Abfragen, die nur aus dem lokalen Cache gelesen werden, FetchPolicy: 'cache-only'
Lesen Sie hier darüber: Apollo Client - Abfragen - options.fetchPolicy
Drittens, Für viele Szenarien, wie die, die Sie erwähnt haben, sollten die beiden oben genannten ausreichen. Wenn Sie more control zur Verwaltung Ihres lokalen Status benötigen , gibt es das neue apollo-link-state .
Damit können Sie benutzerdefinierte Resolver auf dem Client schreiben, die sich direkt mit dem lokalen Cache befassen, ohne den Server zu erreichen. Sie können komplexe Operationen ausführen, die teilweise auf dem Server und teilweise vom Client gelöst werden.
Lesen Sie hier mehr dazu: Apollo Link - Verwalten Sie Ihre lokalen Daten mit Apollo Client
Tags und Links apollo