2016-09-06 8 views
0

私は、ユーザーに場所を入力する必要があるフォームがあります。 だから私は使用していますNPMパッケージは-geosuggestプラスに反応が、私は一つだけのファイルで、このライブラリを使用しておりますので、htmlページのヘッダーセクションで<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places"></script>reactjsで外部javascriptをインポートする方法

これを載せていきたいと思いますいけません。 私はcodebaseとしてwebpackとreact-reduxを使用しています。 あなたの提案をお知らせください。

答えて

0

Webpackを使用している場合は、Babelを追加する必要があります。ヘッダ部内のURLの下に追加する必要があるので、私はこの余分な呼び出しを使用しておりますので、私は、私はそれを避けることができる方法を見つけるためにしようとしていますNPMパッケージをインポートした後

import 'react-geosuggest-plus' 
+0

はい:次に、ES6のインポートを使用することができます1つのフォームのみ。 https://maps.googleapis.com/maps/api/js?key=AIzaSyAjmry-FVO4U1mTEtvYnYHsBPfVmNicsZsw&libraries=places –

+0

あなたが持っているリンクは、単なるスクリプトではなく、APIです。インポートしたら、必要な特定のデータを取得するためにAJAX呼び出しを行う必要があります。 –

+0

はい私はそれをやっていますが、具体的には、同じヘッダを追加するのではなく、 "import "のようなAPIを使う方法を探しています。私は余分なAPI呼び出しを避けることができるので、他のページでは –

関連する問題