如何在 reactjs 中导入外部 javascript答案

【问题标题】：How to import external javascript in reactjs如何在 reactjs 中导入外部 javascript
【发布时间】：2017-01-14 05:02:50
【问题描述】：

我有一个表单，我需要让用户输入位置。所以我用的是npm包react-geosuggest-plus，但是我不想放<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places"></script>

这个在 html 页面的标题部分，因为我只在一个文件中使用这个库。我正在使用带有 webpack 的 react-redux 作为代码库。请告诉我您的建议。

【问题讨论】：

标签： javascript reactjs npm redux

【解决方案1】：

如果你使用 Webpack，你应该添加 Babel。然后你可以使用 ES6 导入：

import 'react-geosuggest-plus'

【讨论】：

是的，在导入 npm 包后需要在标题部分添加下面的 url，所以我试图找出如何避免它，因为我只对一个表单使用这个额外的调用。 maps.googleapis.com/maps/api/…
您拥有的链接是一个 API，而不仅仅是一个脚本。导入后，您需要进行 AJAX 调用以获取所需的特定数据。
是的，我正在这样做并且它正在工作，但具体来说，我正在寻找某种方法来使用该 API，例如“import ”，而不是添加标题，因为我在每个文件中都使用相同的标题页面，这样我就可以避免对其他页面进行额外的 api 调用。
执行 API 调用时，将数据保存在一个变量中，然后您可以在任何地方访问。
你是说从api调用中复制数据然后导入使用？