Relais-Container ohne Daten

Question

Ich baue eine App als meinen ersten echten Ausflug in React, Relay und GraphQL, mit Relay Modern.

Der grundlegende Fall ist, ich habe eine Login-Formular-Komponente, die wirklich keine Daten benötigt; das heißt, die Komponente rendert eine Form und hat eine entsprechende Mutation, muss aber nichts abfragen.

Es scheint, dass ein Relais Stil Abfragefragment bietet eine Notwendigkeit ist, wenn createFragmentContainer Aufruf, was wiederum sorgt dafür, dass die this.props.relay nicht null im Rahmen der Komponente sein.

Momentan verwende ich eine React-Standardkomponente (Nicht-Relay) für das Anmeldeformular, kann aber nicht auf die Relay-Umgebung zugreifen, um sie an die Mutation weiterzuleiten.

Meine Frage - gibt es eine Möglichkeit, ein "leeres" Relay-Fragment im Wesentlichen zu übergeben? Oder gibt es eine bessere Sprache, die in diesem Fall empfohlen wird?

Answer 1

Sie verwenden nur eine normale Komponente und erstellen dann eine Mutationsdatei mit der darin enthaltenen Mutation. Führen Sie den Relay-Compiler aus, um das graphql-Fragment für die Mutation zu erstellen, und rufen Sie dann die Mutation im Formular submit auf. Die Mutation braucht deine Umgebung. Hier ist das Relais moderne docs:

https://facebook.github.io/relay/docs/mutations.html

Sie müssen das Ergebnis der Mutation irgendwo speichern und dann die Auth-Token an Ihre nächsten Anfragen hängen, aber das sollte nicht allzu schwer zu tun. Just onCompleted und speichern Sie das Ergebnis irgendwo.

Ihre Umgebung sollte eine separate Datei sein, die Sie für Mutationen und Abfrage-Renderings importieren. Nur paginationContainer erbt Umgebung von einem QueryRenderer.