ReactJsプロジェクトにGoogle MapsのCDNリンクをインポート

Question

ReactJs、Node、Babelを使用する 'create-react-app'を使ってプロジェクトを作成しました。 Reactコンポーネント内のGoogleマップの変数にアクセスできるようにしたいのですが、HTMLのCDNがコンポーネントの後に読み込まれるため、時間的に利用できません。

私は他の方法でGoogleマップ（npmなど）をインポートすることができませんでした。そのため、私のリアクションクラスにインポートする外部ファイルを読み込む方法を理解する必要があります。

さらに、webpackファイルに読み込む方法についても読んでいますが、これを行う方法もわかりません。それは多くの仕事を持っている

Answer 1

...すべての

まず、あなたは私が仕事のために、私が助けたことを望むあなたのindex.html

/* imports */ 

let google = window.google; 
let mapProp = { 
    /* props */ 
}; 

export class Map extends React.Component { 
/* code */ 

componentDidMount() { 
     /*addChangeListener*/ 
     let node = ReactDOM.findDOMNode(this); 
     let map = new google.maps.Map(node, this.state.mapProp); 
     this.setState({map}); //this.initialize(map); 
     /* this.mountPath(map) your logic to mount map*/; 
    } 

} 

にCDNからのlibをインポートします。