API Gmail, адаптированный для реагирования

Question

Я пытаюсь использовать API-интерфейс gmail в своем проекте-ответе. У меня есть настройка в React. В официальных документах используется простая версия Javascript (http://dpaste.com/15GDH9A).

Этот файл вызывается, но мне нужна помощь визуализации сообщения в моем API

Реагировать попытка

import React from 'react' 

window.handleGoogleClientLoad = function() { 
    tryAuthorize(/*immediate*/ true); 
}; 

function tryAuthorize(immediate) { 
    store.dispatch({type: ActionType.Authorization.REQUEST}); 
    gapi.auth.authorize(
    { 
     /*eslint-disable camelcase*/ 
     client_id: 'xxx', 
     /*eslint-enable*/ 
     scope: 'email https://www.googleapis.com/auth/gmail.modify', 
     immediate 
    }, 
    whenAuthenticated 
); 
} 

function whenAuthenticated(authResult) { 
    if (authResult && !authResult.error) { 
    store.dispatch({type: ActionType.Authorization.SUCCESS}); 
    gapi.client.load('gmail', 'v1', whenLoaded); 
    } else { 
    store.dispatch({type: ActionType.Authorization.FAILURE}); 
    } 
} 

Answer 1

Вы можете подойти к нему с использованием loadjs (https://github.com/muicss/loadjs) в компоненте

componentDidMount() { 
    window.handleGoogleClientLoad = function() { 
    // It's loaded 
    } 
    loadjs('https://apis.google.com/js/client.js?onload=handleGoogleClientLoad') 
}