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

Javascript 在Reactjs中异步加载google analytics嵌入api脚本,javascript,api,reactjs,asynchronous,google-analytics,Javascript,Api,Reactjs,Asynchronous,Google Analytics,首先我想说的是,我还没有反应过来。 我的目标是建立一个第三方自定义谷歌分析仪表板,但我面临着一些问题,在谷歌上找不到合适的答案 我正在学习这个教程 我显然想用react编写演示代码。在这样做的时候,我已经在第一步遇到了麻烦。在react中尝试运行此代码时,我不断收到消息“gapi未定义”。这是(在谷歌搜索了很多次之后)因为第一步中的脚本从未加载过,这意味着库从未加载过,这就是为什么其余代码都不知道gapi是什么 我认为这是因为我必须异步加载脚本。我只是不知道如何以及在哪里执行。 我是在compo

首先我想说的是,我还没有反应过来。 我的目标是建立一个第三方自定义谷歌分析仪表板,但我面临着一些问题,在谷歌上找不到合适的答案

我正在学习这个教程

我显然想用react编写演示代码。在这样做的时候,我已经在第一步遇到了麻烦。在react中尝试运行此代码时,我不断收到消息“gapi未定义”。这是(在谷歌搜索了很多次之后)因为第一步中的脚本从未加载过,这意味着库从未加载过,这就是为什么其余代码都不知道gapi是什么

我认为这是因为我必须异步加载脚本。我只是不知道如何以及在哪里执行。 我是在componentDidMount中完成的吗?或者有没有一种特殊的方法可以做到这一点

我得到的唯一谷歌结果使用了谷歌地图api的示例,这与我试图实现的不同

加载此库后,我可以继续构建其余的库


提前感谢您的帮助

我知道这已经一岁了,但希望这能帮助其他人。如果在react应用程序之外加载google api库,则需要通过窗口访问它

例如:

window.gapi.analytics.auth.authorize({
容器:“身份验证按钮”,
clientid:客户端ID,
});

我解决了上述问题。