title: How to make <GoogleLogin /> from react-google-login inherit <App />'s this
body: <p>On the line:</p>
  
  <pre><code>onSuccess={() =&gt; this.responseGoogle}
  </code></pre>
  
  <p>How do I change <strong>this</strong> from being undefined (so that react-google-login works)?</p>
  
  <pre><code>    import GoogleLogin from 'react-google-login';
  
      const responseGoogle = (response) =&gt; {
        var profile = response["profileObj"];
        var email = profile["email"];
        if (email.includes('@domain.com')) {
          this.setState({ permissions: 'internal' });
        } else {
          this.setState({ permissions: 'external' });
        }
      }
  
    class Home extends React.Component {
      constructor(props) {
        super(props);
        this.state = { permissions: 'none' };
      }
  
      render(){
        return (
          &lt;GoogleLogin
             clientID = secret
             buttonText = "Log In with Google!"
             theme = "dark"
             cookiePolicy = {'single_host_origin'}
             onSuccess = {() =&gt; this.responseGoogle}
          /&gt;
        );
      }
    }
  </code></pre>
  
  <p>Exact same question as <a href="https://stackoverflow.com/questions/51984016/react-google-login">React Google Login</a> and  <a href="https://stackoverflow.com/questions/44291806/trouble-accessing-props-in-callback-function-of-google-login-using-react-google">Trouble accessing props in callback function of Google Login using react-google-login</a>. Responses to those questions don't solve the issue (<strong>this</strong> still undefined).</p>
  
  <p>Thank you very much for your thoughts!!</p>