1
react-apollo useMutationフックによるエラーの処理
私はこの問題を回避しようと努力してきましたが、それに対する強力な答えは見つかりませんでした。useMutationフックを使用してログインミューテーションを実行しようとしています。 TLDR; オプションで渡されたonErrorとuseMutationによって私に与えられたエラーの違いは何ですか? これが私のコードスニペットです const [login, { data, loading, error }] = useMutation(LOGIN_QUERY, { variables: { email, password }, onError(err) { console.log(err); }, }); サーバー側では、ログインに使用するプリセット/ハードコードされたメールを使用していますが、Apolloや他のクライアントを使用していません。このログイン変異のリゾルバーでは、メールが同じでない場合はエラーをスローします throw new Error('Invalid Email'); クライアント側(React)でこのエラーを処理したいと思います。しかし、私の懸念は、useMutationフックから返された「エラー」を使用し、この方法でエラーを表示しようとすると、 render() { ... {error && <div> Error occured </div>} ... } エラーはUIで更新されますが、すぐにReactに未処理の拒否(エラー)の画面が表示されます。Graphqlエラー:My-custom-error-message しかし、useMutate関数にオプションで渡されたonErrorを使用すると、この画面は表示されず、エラーに対して何でも実行できます。 オプションで渡されたonErrorとuseMutationによって与えられたエラーの違いは何なのか、そしてonErrorが使用されていないときにReactがエラー画面を表示する理由を知りたいのですが。 ありがとう!