Apollo-client mutation Fehlerbehandlung

Ich bin mit GraphQL und Mungo auf dem server.

Wenn ein überprüfungsfehler Auftritt der GraphQL mutation sendet eine Antwort mit status-code 200. Auf der client-Seite, die Antwort sieht wie folgt aus:

JS:

{
  "data": null,
  "errors": [{
    "message": "error for id...",
    "path": "_id"
  }]
}

Ich würde gerne Zugriff auf die Validierung Fehler mit den catch Funktionalität der apollo-client-mutation Versprechen. So etwas wie:

JS:

      this.props.deleteProduct(this.state.selectedProductId).then(response => {
         //handle successful mutation
      }).catch(response => {
         const errors = response.errors; //does not work
         this.setState({ errorMessages: errors.map(error => error.message) });
      });

Wie kann das getan werden?

  • versuchen Sie es mit throw Anweisung durch die Schaffung Error Instanz
InformationsquelleAutor Locco0_0 | 2017-04-18
  1. 2

    Hinweis: Diese Antwort (und wohl auch die ganze Frage) ist jetzt veraltet, da die mutation, die Fehler zeigen sich in catch in neueren Versionen von Apollo-Client.

    GraphQL Fehler aus der mutation, die derzeit in der errors Feld auf die Antwort in then. Ich denke, es ist auf jeden Fall eine Reklamation gemacht werden, Sie sollten zeigen, bis in der catch statt, aber hier ist ein Ausschnitt von einer mutation aus GitHunt:

    //The container
const withData = graphql(SUBMIT_REPOSITORY_MUTATION, {
  props: ({ mutate }) => ({
    submit: repoFullName => mutate({
      variables: { repoFullName },
    }),
  }),
});

//Where it's called
return submit(repoFullName).then((res) => {
  if (!res.errors) {
    browserHistory.push('/feed/new');
  } else {
    this.setState({ errors: res.errors });
  }
});
    • Funktioniert dies nicht. Fehler behandelt wird auf .catch() und nicht auf .dann()
    • Ja, dieser Kommentar ist geschrieben, bevor Sie eine API-änderung in den Apollo-Client.
    InformationsquelleAutor stubailo
  2. 3

    Die Vorherige Antwort von @stubailo nicht scheinen, um alle Anwendungsfälle. Wenn ich werfe einen Fehler auf meinem server-side-code der response-code wird anders sein als 200, und die Fehler behandelt werden, mit .catch() und nicht mit .then().

    Link , um das Problem auf GitHub.

    Die besten ist wahrscheinlich, um den Fehler zu behandeln, die auf beiden .then() und .catch().

    const { deleteProduct } = this.props;
const { selectedProductId } = this.state;

deleteProduct(selectedProductId)
  .then(res => {
      if (!res.errors) {
          //handle success
      } else {
          //handle errors with status code 200
      }
  })
  .catch(e => {
      //GraphQL errors can be extracted here
      if (e.graphQLErrors) {
          //reduce to get message
          _.reduce(
             e.graphQLErrors,
             (res, err) => [...res, error.message],
             []
          );
      }
   })
    • Frage mich, warum gibt es nicht ein anmutiger Weise zu extrahieren Fehlermeldungen und Fehler-codes aus.
    InformationsquelleAutor tgdn
  3. 0

    Mit graphql-tag-notation, yo haben Zugriff zu den Fehlern:

    <Mutation mutation={UPDATE_TODO} key={id}>
        {(updateTodo, { loading, error }) => (
          <div>
            <p>{type}</p>
            <form
              onSubmit={e => {
                e.preventDefault();
                updateTodo({ variables: { id, type: input.value } });

                input.value = "";
              }}
            >
              <input
                ref={node => {
                  input = node;
                }}
              />
              <button type="submit">Update Todo</button>
            </form>
            {loading && <p>Loading...</p>}
            {error && <p>Error :( Please try again</p>}
          </div>
        )}
      </Mutation>

    https://www.apollographql.com/docs/react/essentials/mutations.html

    InformationsquelleAutor Howl Jenkins
Schreibe einen Kommentar