初始化auth2以在React中登录用户

Question

I am trying to manage a users authentication in a React App.

I keep getting errors related to dealing with getAuthInstance() and trying to signOut() a user.

First I am trying t load the gapi.auth2

    componentDidMount() {
        var auth2;
        var googleUser;

        var appStart = function() {
            gapi.load('auth2', initSigninV2);
        }

        var initSigninV2 = function() {
            auth2 = gapi.auth2.init({
                client_id: '817677528939-dss5sreclldv1inb26tb3tueac98d24r.apps.googleusercontent.com',
                scope: 'profile email'
            });
        }

        googleUser = auth2.currentUser.get()
        console.log(googleUser)

When the page loads, I have everything under componentDidMount()

However, auth2 keeps returning as undefined and thus getting an error. What am I doing wrong?

Why isn't auth2 initializing properly?

Answer 1

There are a few issues which I can see:

1. You're calling auth2.currentUser.get() before auth2 = gapi.auth2.init is executed
2. You're never calling the function appStart

This should get it working for you

function componentDidMount() {
    var auth2;
    var googleUser;

    var appStart = function () {
        gapi.load('auth2', initSigninV2);
    }

    var initSigninV2 = function () {
        auth2 = gapi.auth2.init({
            client_id: '817677528939-dss5sreclldv1inb26tb3tueac98d24r.apps.googleus‌​ercontent.com',
            scope: 'profile email'
        }).then((auth2) => {
            googleUser = auth2.currentUser.get();

            console.log(googleUser)
        })
    }

    appStart();
}