在Reactjs

时间:2017-03-13 15:59:19

标签: javascript api reactjs asynchronous google-analytics

首先,我想说我有新的反应。 我的目标是构建第三方自定义Google分析仪表板,但是我遇到了一些问题,我在谷歌上找不到合适的答案时遇到了问题。

我正在学习本教程Embed API third party visualizations

我显然想在反应中编写演示代码。在这样做的同时,我已经在第一步遇到了麻烦。在尝试运行此代码时,我不断收到消息" gapi未定义"。这是(在大部分谷歌搜索之后)因为第一步中的脚本从未被加载,这意味着库永远不会被加载,这就是为什么其余的代码不知道什么是gapi。

我认为这是因为我必须异步加载脚本..我不知道如何以及在何处进行操作。 我是否在componentDidMount中执行此操作?或者有一种特殊的方式来做到这一点吗?

我得到的唯一谷歌搜索结果使用了google maps api的示例,这与我尝试完成的不同。

一旦我加载了这个库,我就可以继续构建其余的库了。

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我知道这是一岁,但希望这有助于其他人。如果您要在反应应用程序之外加载google api库,则需要通过该窗口访问它。

实施例: window.gapi.analytics.auth.authorize({ container: 'auth-button', clientid: CLIENT_ID, });