как перенаправить пользователей после входа в систему и получить фото, имя и другие детали пользователя

Question

Я пытаюсь войти в систему, реагируя на Facebook, и мы используем этот код https://gist.github.com/ronit-mukherjee/3e933509643a4ab4e80452bb05c1a073. Однако меня беспокоит то, как перенаправить пользователей на какую-то страницу после того, как пользователь успешно вошел в систему. Как я понимаютоже должен быть в белом списке, но дело в том, как перенаправить. Другое дело, что нам нужны и эти данные тоже accessToken в ответ.

Answer 1

Попробуйте использовать эту библиотеку react-facebook-login ваш код будет намного чище.И вот что вы должны сделать после успешного входа в систему, просто отправьте эти данные в ваш API и используйте this.props.history.push('/'); для перехода на другую страницу:

    onFbAuth = response => {
        let data = {
            id: response.userID,
            email: response.email,
            firstName: response.first_name,
            lastName: response.last_name,
            picture: response.picture.data['url'],
            social: "facebook"
        }

        //data is the object that facebook api sends you back.
        authService.login(data).then((response) => {
           this.props.history.push('/');
        })
    }

    failed = () => {
        console.log('something failed');
    }

    render() {
        return (
            <FacebookLogin
                appId='YOUR_APP_ID'
                autoLoad={false}
                fields="first_name, last_name, email, picture"
                onFailure={this.failed}
                callback={this.onFbAuth}
            />
        );
    }