如何使用阿波羅突變 Graphql 登錄 api？

Question

 const LoginQuery = gql`
  mutation {
    login(data: {
      email: "cherineewong@gmail.com",
      password: "Imagine100!"
  
    })
  } 
`;

這是我的 graphql 登錄 api 突變代碼我沒有得到任何回應。 得到像這樣的錯誤Invariant Violation: Running a Query requires a graphql Query, but a Mutation was used instead. 我也使用這樣的查詢關鍵字，

  const LoginQuery = gql`
  query mutation {
    login(data: {
      email: "cherineewong@gmail.com",
      password: "Imagine100!"
  
    })
  } 
`;

const { loading, error, data } = useQuery(LoginQuery);
console.log(data)

然后在此處輸入圖像描述時出現錯誤

Answer 1

對於突變，您應該使用 apollo 的useMutation鈎子

參考： https://www.apollographql.com/docs/react/api/react/hooks/#usemutation

Answer 2

你應該使用 apollo 的useMutation鈎子

import { useMutation } from "@apollo/client"

export const LOGIN_MUTATION = gql`
    mutation Login($email: String!, $password: String) {
       login(input: { email: $email, password: $password }) {
          message // ... the keys which you expecting in response from the server.
         
       }   
    } 
`

const [submitLogin] = useMutation(LOGIN_MUTATION);

然后你可以像這樣使用句柄登錄方法

const response = await submitLogin({ variables:
  { 
    email: "cherineewong@gmail.com",
    password:  "Imagine100!"
  }
});
console.log('response -- ', response);

供參考https://www.apollographql.com/docs/react/api/react/hooks/#usemutation