首先,我想说我对 react 还很陌生。 我的目标是构建第三方自定义 Google 分析仪表板,但是我遇到了一些问题,我无法在 Google 上找到合适的答案。
我正在学习本教程 Embed API third party visualizations
我显然是想在react中写demo代码。在这样做的时候,我已经在第一步遇到了麻烦。在尝试运行此代码时,我不断收到消息“gapi 未定义”。这是(经过大量谷歌搜索之后)因为第一步中的脚本从未加载过,这意味着库从未加载过,这就是为什么其余代码不知道 gapi 是什么的原因。
我认为这是因为我必须异步加载脚本..我只是不知道如何以及在哪里加载。 我在 componentDidMount 中做吗?或者有什么特殊的方法可以做到这一点?
我得到的唯一谷歌结果使用了谷歌地图 API 的示例,这与我试图完成的不同。
一旦我加载了这个库,我就可以继续构建其余的。
预先感谢您的帮助!
最佳答案
我知道这是一岁了,但希望这对其他人有帮助。如果您在 react 应用程序之外加载 google api 库,则需要通过窗口访问它。
例子:
window.gapi.analytics.auth.authorize({
容器:'授权按钮',
clientid: CLIENT_ID,
});
关于javascript - 在 Reactjs 中异步加载谷歌分析嵌入 api 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42768104/