加载google analytics在Reactjs中异步嵌入api脚本

Question

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

我遵循本教程嵌入API第三方可视化

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

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

我得到的唯一谷歌搜索结果使用谷歌地图api的例子，这与我试图完成的不同。

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

预先感谢您的帮助！

Answer 1

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

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