reactjs - 在 onCompleted 后切换页面用下一个 js 反应阿波罗

Question

我是新来的。我在反应中的 onCompleted 语句后切换页面时遇到问题。

export default function Login(){
const [Iemail, setEmail] = useState("")
const [Ipassword, setPassword] = useState("")


const emailInput = event => setEmail(event.target.value)
const passInput = event => setPassword(event.target.value)

const router = useRouter()

const [loginUser, { error }] = useMutation(LOGIN_QUERY, 
    {
    onCompleted: (data) => {
        alert(JSON.stringify(data))
        router.push("/login-reset")
},
    onError: (error) => {
      console.log(error); // the error if that is the case
    }
})

const submitForm = async () => {
    if(Iemail === "" || Ipassword === ""){
        alert('Please input username / password!')
    }else{
        loginUser({
            variables: {
              username: Iemail,
              password: Ipassword,
            }
          },
         )
          if (error) {
        alert('error')
      console.log(error);
    }else{
        alert("success!")
    }
    }
  };

出现告警成功，同时出现响应数据告警

我做错了代码吗？我想知道如何在身份验证中使用最佳实践进行变异。谢谢

标签： reactjsgraphqlnext.jsapollo-client