reactjs - 如何将 Google 的gapi 与Reactjs 结合使用?

标签 reactjs onload google-api-js-client

Google 的gapi js 库需要这样指定的 onload 函数:

<script src="https://apis.google.com/js/client.js?onload=init"></script>

如何与 ReactJS 进行互操作?

我尝试使用react-script-loader ( https://github.com/yariv/ReactScriptLoader ),但遇到了一些麻烦,因为当脚本加载器认为它已完成返回时,gapi 还不存在。

最佳答案

不知道你是否还在寻找这个答案,但我遇到了同样的问题,我发现最好的选择是使用所有gapi脚本代码创建这个包,所以现在我只需将它导入到我的react中应用程序,我什至不必等待从 google apis 链接加载的gapi 脚本。

gapi-script package

我还创建了一个示例,展示如何使用此包: gapi-script example

关于reactjs - 如何将 Google 的gapi 与Reactjs 结合使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29418677/

相关文章:

javascript - 为什么 react-addons-css-transition-group 在这里不起作用?

reactjs - 如果我将 Async Await 与 React 生命周期一起使用,特别是与 ComponentDidMount 一起用于 api 调用,这是正确的概念吗?

javascript - Jest 测试中未定义正则表达式

jquery - 页面加载时检查预选选项值

javascript - 根据用户机器屏幕尺寸缩放图像作为背景

javascript - 如何使用 Gmail API 发送回复

javascript - 禁用 gmail api 请求缓存

google-drive-api - Google Drive 和 CORS 跨域请求

reactjs - Cypress 组件测试、ReactJS 和 TailwindCSS

javascript - setTimeout() - 匿名函数语法在页面加载时触发两次