2016-09-06 66 views
0

我有一个表单,我需要问用户输入的位置。 所以我用NPM包反应-geosuggest加,但我不想把<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places"></script>如何导入外部JavaScript在reactjs

这在HTML页面的标题部分,因为我只在一个文件中使用这个库。 我使用react-redux与webpack作为代码库。 请让我知道你的建议。

回答

0

如果您使用的是Webpack,则应该添加Babel。然后你可以使用ES6导入:

import 'react-geosuggest-plus' 
+0

是进口故宫包后需要添加下面的网址在标题部分,所以我试图找出如何避免它,因为我使用这个额外的呼吁只有一种形式。 https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places –

+0

您拥有的链接是API,而不仅仅是脚本。一旦你导入它,你需要进行一次AJAX调用来获得你想要的特定数据。 –

+0

是的,我正在做它和它的工作,但具体而言,我正在寻找一些方法来使用该API,如“import ”,而不是添加到标题,因为我在每个页面中使用相同的标题,所以我可以避免一个额外的API调用为其他网页。 –