阿波罗错误处理-为什么要反应应用程序崩溃？

Question

有人能解释一下，当我尝试使用返回错误的突变时，为什么我的react应用程序apollo会这样做？

GraphQL突变返回此信息（响应代码为200）：<代码>{“错误”：[{“错误”：{“结果”：“身份。未找到”，“错误”：“身份验证失败”，“状态代码”：401}}}]，“数据”：{“登录”：null}}

我的突变是这样的：

export const LOGIN_MUTATION = gql`
    mutation($input: LoginInput!) {
        login(input: $input) {
            token
        }
    }
`;

打电话：

const handleSignIn = () => {
        loginMutation({
            variables: {
                input: {
                    clientId: config.clientId,
                    username: userName,
                    password: password,
                    clientSecret: config.clientSecret
                }
            }
        });
    };

它会像预期的那样运行一段时间（呈现我自己的自定义错误组件-<代码>{错误

若我将catch回调添加到变异调用中，它将按预期工作。

然而，我在apollo文档中没有发现任何地方提到需要始终以这种方式捕获GraphQL错误。如果我理解正确的话，这应该足够了：const[loginMutation，{data，loading，error}]=使用变异（LOGIN\u变异）

这种行为是正确的还是我错过了什么？

版本：

"@apollo/react-hooks": "^3.1.3"
"apollo-boost": "^0.4.7"
"graphql": "^14.5.8"




Answer 1

如果您的响应包含错误对象或发生网络错误，则mutate函数将返回一个promise，默认情况下，该promise将被拒绝。如果将错误策略更改为忽略或全部，则响应中出现的错误不会导致拒绝promise，但仍会导致网络错误。

避免这种行为的唯一方法是通过onError参数提供错误处理程序。如果提供了onError，则Mutate返回的Promise将始终解析，并且任何相关错误（取决于您的errorPolicy）都将传递给onError。

可以在此处找到有关Apollo中错误处理的更多详细信息。有关未处理的Promise拒绝的更多详细信息可以在此处找到。