Ich verwende react-google-login in meinem react-redux Projekt und habe Probleme beim Zugriff auf die Requisiten für die Komponente, in der diese Login-Schaltfläche existiert. Ich benutzen react-facebook-login in ähnlicher Art und Weise und es funktioniert gut - aber console.log(this)
in der loginGoogle()
Funktion druckt ‚undefiniert‘, während es das Javascript-Objekt, die die ganze Login
Komponente in ähnlichen loginFacebook()
Verfahren gedruckt. Irgendwelche Ideen, wie ich auf diese.props in loginGoogle()
zugreifen kann?Probleme beim Zugriff auf Requisiten in der Callback-Funktion von Google Login mit react-google-login
In meiner Anmeldung Komponente:
//all needed import statements
class Login extends Component {
loginGoogle(response) {
console.log(response);
this.props.loginGoogleRequest(response.profileObj.email, response.accessToken, response.tokenObj.expires_in)
}
render() {
<GoogleLogin
clientId="{client id here}"
onSuccess={this.loginGoogle}
className="custom-google-btn"
/>
}
function mapDispatchToProps(dispatch) {
return {
loginGoogleRequest: (email, accessToken, expiresIn) => {
//some code that isn't being reached
}
}
}
export default connect(mapDispatchToProps)(Login);
ich eine Menge des Fettes aus dieser Klasse, um es besser lesbar zu machen getrimmt - bitte lassen Sie mich wissen, ob es helfen würde, wenn ich in mehr Code enthalten Weg.