Question

我正在尝试使用apollo在react native中实现登录。在React Native应用中

const SIGN_IN = gql`
mutation($username: String!, $password: String!) {
  signin(password: $password, username: $username) {
    user {
      username
    }
    token
  }
}
`;

//代码缩写。

function LoginScreen() {
  const [signIn, { loading, error }] = useMutation(SIGN_IN, {
    onCompleted({ data }) {
      if (loading) console.log("Loading.....");
      console.log("Printing data");
      console.log(data.signin.token);
      }
  });
}

后端服务器运行良好。但控制台日志中显示错误

    [Unhandled promise rejection: TypeError: Cannot read property 'signin' of undefined]

    Stack trace:
    screens/LogInScreen.js:36:6 in useMutation$argument_1.onCompleted
    node_modules/@apollo/react-hooks/lib/react-hooks.cjs.js:635:25 in callOncomplete

数据未定义。 所以我尝试了{ data && console.log(data.signin.token) }，但是它什么也没打印。我读过文档说：“对useMutation的onCompleted回调，一旦突变完成其返回值，就会调用它。”

我该如何调试？我想念什么？有任何想法吗？谢谢！

Answer 1

onCompleted作为第一个参数传递给整个数据对象，因此您的签名应如下所示：

onCompleted(data)

或使用解构

onCompleted({ signin })

useMutation中的onCompleted回调没有返回值

1 个答案: