J'utilise react-google-login dans mon projet react-redux et j'ai du mal à accéder aux accessoires du composant dans lequel ce bouton de connexion existe. J'ai utilisé react-facebook-login d'une manière similaire et cela fonctionne bien - cependant, console.log(this) dans la fonction loginGoogle() imprime 'undefined' alors qu'il imprime l'objet Javascript représentant l'ensemble du composant Login dans ma méthode similaire loginFacebook(). Des idées sur la façon dont je peux accéder à this.props dans loginGoogle()?Problème lors de l'accès aux accessoires dans la fonction de rappel de Google Login via google-login
Dans mon composant connexion:
//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);
Je parés beaucoup de graisse de cette classe afin de le rendre plus lisible - s'il vous plaît laissez-moi savoir si cela aiderait si j'inclus plus de code dans tous les façon.