1

我想通过使用 graphql 来使用社交登录。我想通过使用 kakaologin 函数从社交登录中获取 accessToken，然后我使用它通过使用 kakakoLoginMutation 函数来制作令牌。

我尝试将 const 名称设为 access_token(=="123")，如果我成功通过 kakao 登录，我会通过 authObj 获得 accss_token。然后我使用 setAccess_token(useState) 将其设置为 const access_token。

console.log(authObj.access_token) 显示正确的字符串。但在 setAccess_token(authObj.access_token) 之后，console.log(access_token) 显示“123”。

我认为 console.log(access_token) 必须显示不是“123”其他字符串。另一个错误是 KakaoLoginMutation is not a function。

import { useState } from "react";
import { useMutation } from "react-apollo-hooks";
import { KAKAO_LOGIN, LOCAL_LOG_IN } from "./AuthQuery";


export default () => {
  const [access_token, setAccess_token] = useState("123");
  const localLogInMutation = useMutation(LOCAL_LOG_IN);
  const kakaoLoginMutation = useMutation(KAKAO_LOGIN, {
    variables: { provider: "kakao", accessToken: access_token },
  });

  const kakaoLogin = async (e) => {
    e.preventDefault();
    window.Kakao.Auth.login({
      success: function (authObj) {
        setAccess_token(authObj.access_token);
        console.log(authObj.access_token);
        console.log(access_token);
      },
    });

    const {
      data: { socialAuth: token },
    } = await kakaoLoginMutation();
    console.log(token);
    if (token !== "" && token !== undefined) {
      localLogInMutation({ variables: { token } });
    }
  };

  return (
    <a href="#" onClick={kakaoLogin}>
      <h1>카카오로그인</h1>
    </a>
  );
};

查询.js

import { gql } from "apollo-boost";

export const KAKAO_LOGIN = gql`
  mutation SocialAuth($provider: String!, $accessToken: String!) {
    socialAuth(provider: $provider, accessToken: $accessToken) {
      token
    }
  }
`;
4

0 回答 0