kennetpostigo / React Google Login Component
React Google Component to log users in through google
Stars: ✭ 96
Programming Languages
javascript
184084 projects - #8 most used programming language
react-google-login-component
React Google Component to log users in through google
react-google-login-component is a module that easily lets you drop it into your existing project and get the benefits of Google Login. It's a plug and play component that'll fit in your workflow if your using standalone React or React with Redux.
You can find login with Facebook here
Up to date with the latest API Version
Usage
npm install --save react-google-login-component
import React from 'react';
import { GoogleLogin } from 'react-google-login-component';
class Login extends React.Component{
constructor (props, context) {
super(props, context);
}
responseGoogle (googleUser) {
var id_token = googleUser.getAuthResponse().id_token;
var googleId = googleUser.getId();
console.log({ googleId });
console.log({accessToken: id_token});
//anything else you want to do(save to localStorage)...
}
render () {
return (
<div>
<GoogleLogin socialId="yourClientID"
className="google-login"
scope="profile"
prompt="select_account"
fetchBasicProfile={false}
responseHandler={this.responseGoogle}
buttonText="Login With Google"/>
</div>
);
}
}
export default Login;
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].