使用带有响应的Google登录按钮

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试在React应用程序中使用google登录。虽然在应用程序外部使用登录按钮本身很有效，但是在自定义登录组件中使用登录按钮时，我无法按预期工作。当用户登录时，按钮本身应执行一个data-

onsuccess方法。问题是即使登录有效，执行也永远不会到达该方法。

我可能会缺少一些反应，但是我找不到。有什么帮助吗？在可加载所有内容和组件本身的html下方找到。

<head>
    <meta name="google-signin-scope" content="profile email">
    <meta name="google-signin-client_id" content="1234-real-client-id.apps.googleusercontent.com">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
    <!-- Here is where everything gets displayed -->
    <div id="app"></div>
    <!-- The file with the js code -->
    <script src="/js/main.js"></script>
</body>
var SignIn = React.createClass({
    onSignIn : function (google_user) {
        // I want this method to be executed
    },
    render : function() {
        return (
            <div className="g-signin2" data-onsuccess={this.onSignIn} data-theme="dark" />
        );
    }
});

注意，我没有在此处粘贴无关的代码;）

回答：

在中初始化组件时，尝试添加onSuccess回调componentDidMount()。

componentDidMount: function() {
  gapi.signin2.render('g-signin2', {
    'scope': 'https://www.googleapis.com/auth/plus.login',
    'width': 200,
    'height': 50,
    'longtitle': true,
    'theme': 'dark',
    'onsuccess': this. onSignIn
  });
},
...

来源：https :

[//developers.google.com/identity/sign-in/web/build-

button，https](https://developers.google.com/identity/sign-in/web/build-button)

//github.com/meta-meta/webapp-

template/blob/6d3e9c86f5c274656ef799263c84a228bfbe1725/app/Application/signIn。

jsx。

以上是 使用带有响应的Google登录按钮 的全部内容， 来源链接： utcz.com/qa/418635.html

回到顶部