Google Maps avec ReactJs

Question

J'utilise Google Map avec React. Mais quand je lance mon projet, je reçois une erreur dans le fichier Polygon.js

TypeError: Cannot read property 'Component' of undefined

TypeError: Cannot read property 'array' of undefined

S'il vous plaît, laissez-moi savoir pourquoi?

C'est le code snip et image description d'erreur:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import PropTypes from 'prop-types' 
import { GoogleAPIWrapper, InfoWindow, Marker } from 'google-maps-react' 


export class MapContainer extends React.Component { 

    componentDidMount() { 
    this.loadMap(); 
    } 
    loadMap() { 
    let map = new window.google.maps.Map(document.getElementById('map'), { 
     center: { lat: -33.8688, lng: 151.2195 }, 
     zoom: 13, 
     mapTypeID: 'roadmap' 
    }) 
    } 

    render() { 
    const style = { 
     width: "100%", 
     hight: "100%" 
    }; 
    return (
     <div id='map'> 
     </div> 
    ); 
    } 
} 
export default GoogleAPIWrapper(
    { 
    apiKey: "MY_KEY", 
    } 
)(MapContainer); 

Error_1

Error_2

Answer 1

Il semble que vous avez des erreurs dans votre code, après la docs, vous ne devriez pas être capable d'exporter même votre composant (faute de frappe dans 'GoogleAPIWarapper').

exemple de travail

import {Map, InfoWindow, Marker, GoogleApiWrapper} from 'google-maps-react'; 
import React, { Component} from 'react'; 
export class MapContainer extends Component { 
render() { 
    return (
    <Map google={this.props.google} zoom={14}> 
     <Marker onClick={this.onMarkerClick} 
      name={'Current location'} /> 
     <InfoWindow onClose={this.onInfoWindowClose}> 
     <div> 
     <h1>Test</h1> 
     </div> 
     </InfoWindow> 
    </Map> 
); 
} 
} 
export default GoogleApiWrapper({ 
    apiKey: 'apiKey' 
})(MapContainer)