适用于 React 的 Gmail API

Question

我正在尝试在我的 react 项目中使用 gmail API。我在 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')
}