react-google-maps.js

'use strict'

import React, { Component } from 'react'

class MapComponent extends Component {
  componentDidMount () {
    window.initMap = () => {
      const map = new google.maps.Map(document.getElementById('map'), {
        center: {lat: -34.397, lng: 150.644},
        zoom: 8
      });
    }

    initMap()
  }

  shouldComponentUpdate () {
    return false
  }

  render () {
    return <div id='map' style={{ height: '500px' }}>carregando mapa...</div>
  }
}

export default MapComponent