如何登录 Twitter 并将响应存储在 React 的同一页面上

Question

我正在尝试允许用户也使用 Twitter 登录我的网站
请注意，我在前端使用reactjs

1. 我已在

   developer.twitter.com

   创建了我的帐户并生成了 oAuth2.0 客户端 ID 和客户端密钥
2. 我正在使用名为

   reactjs-social-login

   的库来处理所有身份验证工作
3. 这是运行良好的代码，它打开一个新的 Twitter 身份验证选项卡并使用 Twitter 登录我，然后重定向到我的域，如下所示

4. mydomain.com/?state=state&code=NzhRYnQ2ctokengeneratedfromtwitterinurlparamYtSzU5aGFtX3JZOjE2OTA5Nzk4MTQ3MTk6MToxOmFjOjE

   这里我通过添加自定义字符串稍微修改了 url 参数。
5. 现在的问题是为身份验证而打开的新选项卡保持打开状态，只有我被重定向到我的网站，而且我在新选项卡控制台和现有选项卡控制台中都看不到任何日志。
6. 我想要实现的目标：我应该能够存储用户详细信息，例如电子邮件、用户名和基本公共详细信息，并且一旦身份验证成功，新打开的选项卡也应该关闭

        <LoginSocialTwitter
            client_secret={process.env.REACT_APP_TWITTER_V2_APP_SECRET || ''}
            redirect_uri={mydomain_url}
            onLoginStart={onLoginStart}
            onLogoutSuccess={onLogoutSuccess}
            onResolve={({ provider, data }) => {
                console.log('provider is ', provider);
                console.log('data is ', data);
            }}
            onReject={(err) => {
                console.log(err);
            }}
            >
                Login
        </LoginSocialTwitter>

Answer 1

我也遇到这个问题了，请问有解决办法吗？