I'm trying to use the google sign in in a react application.
While using the sign in button as is outside the application itself works great, when using it within a custom SignIn component I can't get it to work as expected.
When the user signs in, the button itself should execute a data-onsuccess method.
The problem is that the execution never reaches that method even though the sign in works.
I'm probably missing some react gotcha but I can't really find it. Any help? Find below the html that loads everything and the component itself.
<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" />
);
}
});
Notice that I didn't paste here irrelevant code ;)
See Question&Answers more detail:os
