react-apple-login usePopup 在 Android 网络浏览器中不起作用

问题描述

我使用以下代码在我的网站中使用 react apple login package 实现了 Apple 登录，并且在桌面浏览器（如 Chrome、Edge、Firefox 等）和 iOS Safari 浏览器中完美运行，但是当我打开网站时在 Android 移动浏览器（即 Chrome、Edge、Firefox 等）中，该弹出窗口将在新选项卡中打开（这不会出现问题，因为使用 google 和 LinkedIn 登录也会在新选项卡中打开）但是当我填写信息时然后继续，然后弹出窗口/选项卡不会自动关闭，我无法使用 Apple ID 登录。

下面是我的代码片段

<AppleLogin
    clientId={CLIENT_ID}
    redirectURI={REDIRECT_URI}
    scope={"email"}
    responseType={"id_token"}
    responseMode={"form_post"}
    usePopup={true}
    callback={(data,err) => {
        if(data){
           //process data
            .
            .
        }
        else{
           // Error occurred while sign in
        }
      }
    }
    render={(renderProps) => (
      <Button onClick={renderProps.onClick}>
          <AppleIcon style={{fontSize: 18,}}/>
      </Button>
    )}
/>

and Screenshot of when I click on continue then nothing happen

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）