title: How to import a component to UI?
body: <p>Sorry, I am new in React.js, just switched from Java and I can't understand how I shall show my map on UI. Just give me a hint</p>
  
  <pre><code>import React from "react";
  import {Map, GoogleApiWrapper} from 'google-maps-react';
  
  class TestMap extends Component {
    render() {
      return (
        &lt;div className="GoogleMap"&gt;
          &lt;Map google={this.props.google} zoom={14} /&gt;
        &lt;/div&gt;
      );
    }
  }
  
  GoogleApiWrapper({ 
    apiKey: ({api-key})
  })(TestMap);
  
  export {TestMap, GoogleApiWrapper};
  </code></pre>
  
  <p>here:</p>
  
  <pre><code>import React, { Component } from 'react';
  import {TestMap} from '../components/map/google/TestMap';
  
  class Map extends Component {
      render() {
          return (
            //???
          );
      }
  }
  
  export default Map;
  </code></pre>