Hat jemand in der Lage, eine Google-Karte mit React zu rendern und nicht mit dem React-Google-Map-Plugin? Ich versuche so etwas:

var MapTab = React.createClass({

render: function() {

    return  <div className="map-container">
       <div id='map' ></div>
     </div>

},

componentDidMount: function(){

        console.log("Hello")



window.onload = function(){
    (function initMap() {
        var markers = [];
        var geocoder = new google.maps.Geocoder();

        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 12,
            center: {lat: 37.7749300, lng: -122.4194200}
        });
    })(); 
}


}// end of cdm;
}); 
module.exports = MapTab;

Nichts was ich ausprobiert habe hat funktioniert. Ich habe versucht, die Karte auch mit Refs zu erfassen, aber das hat die Karte auch nicht gerendert. Ich habe das Google Maps-Skript auch in die Kopfzeile eingefügt (mit Schlüssel) und überprüft, ob der Schlüssel in einem Vanille-JS-Projekt gültig ist.