Блог

В следующих фрагментах я пытаюсь внедрить google oauth в свое веб-приложение с помощью npm react-google-login. Когда я пытаюсь войти в систему, появляется всплывающее окно, я выбираю одну из своих учетных записей, затем появляется круг загрузки, и всплывающее окно закрывается. (Не уверен, что это сбой). Однако моя функция googleSuccess, похоже, не вызывается, так как ни одна из вещей, которые я зарегистрировал, не отображается в консоли. Преждевременное закрытие всплывающего окна приводит к ошибке googleError в OnFailure. Кто-нибудь знает, почему мой обратный вызов onSuccess может не сработать?

  const googleSuccess = async (res) => {
    console.log("In googlesuccess");
    try {
        console.log("G sign in success", res);
    } catch (err) {
        console.error(err);
    }
        
};
const googleError = (err) => {
    console.error('Google sign in failed.', err);
};
 

 <GoogleLogin
        clientId= //removed, but my client id is here in my actual code
        render={(renderProps) => (
            <Button className={classes.googleButton} color="primary" fullWidth onClick={renderProps.onClick} disabled={renderProps.disabled} startIcon={<Icon />} variant="contained">
                Google Sign In
            </Button>
        )}
        onSuccess={googleSuccess}
        onFailure={googleError}
        cookiePolicy="single_host_origin"
/>