首先,我想说我有新的反应。 我的目标是构建第三方自定义Google分析仪表板,但是我遇到了一些问题,我在谷歌上找不到合适的答案时遇到了问题。
我正在学习本教程Embed API third party visualizations
我显然想在反应中编写演示代码。在这样做的同时,我已经在第一步遇到了麻烦。在尝试运行此代码时,我不断收到消息" gapi未定义"。这是(在大部分谷歌搜索之后)因为第一步中的脚本从未被加载,这意味着库永远不会被加载,这就是为什么其余的代码不知道什么是gapi。
我认为这是因为我必须异步加载脚本..我不知道如何以及在何处进行操作。 我是否在componentDidMount中执行此操作?或者有一种特殊的方式来做到这一点吗?
我得到的唯一谷歌搜索结果使用了google maps api的示例,这与我尝试完成的不同。
一旦我加载了这个库,我就可以继续构建其余的库了。
提前感谢您的帮助!
答案 0 :(得分:0)
我知道这是一岁,但希望这有助于其他人。如果您要在反应应用程序之外加载google api库,则需要通过该窗口访问它。
实施例:
window.gapi.analytics.auth.authorize({
container: 'auth-button',
clientid: CLIENT_ID,
});