小编Dar*_*ren的帖子

如何在反应中使用gapi

我想使用gapi从谷歌访问人的api资源,我尝试了很多方法来完成这项工作,但我仍然没有得到任何回应。它没有错误,没有警告。这是我的代码。

loadYoutubeApi() {
    const script = document.createElement("script");
    script.src = "https://apis.google.com/js/client.js";

    script.onload = () => {
      window.gapi.load('client', () => {
        window.gapi.client.setApiKey(types.API_KEY)
        window.gapi.client.setClientId(types.CLIENT_ID)
        window.gapi.client.setDiscoveryDocs(types.DISCOVERY_DOCS)
        window.gapi.client.setScope(types.SCOPE)
        window.gapi.client.load('client:auth2', 'v3', () => {
          console.log("gapi is ready")
          this.setState({ gapiReady: true });
        });
      });
    };

    document.body.appendChild(script);
  }

  componentDidMount() {
    this.loadYoutubeApi();
  }
Run Code Online (Sandbox Code Playgroud)

谁能告诉我为什么我什至无法获得控制台日志信息,它真的有效吗?

更新:

一旦我将这些代码注释掉

window.gapi.client.setClientId(types.CLIENT_ID)
window.gapi.client.setDiscoveryDocs(types.DISCOVERY_DOCS)
window.gapi.client.setScope
Run Code Online (Sandbox Code Playgroud)

我可以获得我的控制台信息,这与这些方法有关吗?

更新:

我可以获得gapi对象并console.log(window.gapi)查看其细节。

javascript google-api google-api-js-client reactjs

9
推荐指数
3
解决办法
1万
查看次数