私はreact-reduxプロジェクトでreact-google-loginを使用していますが、このログインボタンが存在するコンポーネントの小道具にアクセスできません。私は同様の方法でreact-facebook-loginを使用しましたが、それはうまく動作します - しかしloginGoogle()
関数のconsole.log(this)
関数は「0120」を表すJavascriptオブジェクトを印刷しますが、同様のloginFacebook()
メソッドにはLogin
コンポーネントを表示します。どのように私はthis.propsにアクセスすることができる任意のアイデアloginGoogle()
?私のログインコンポーネントでreact-google-loginを使用したGoogleログインのコールバック機能で小道具にアクセスする際の問題
:
//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);
私はそれをより読みやすくするために、このクラスのうち、脂肪の多くをトリミング - 私はいずれかに多くのコードが含まれている場合、それは助けになるなら、私に教えてください方法。