title: Creating jvectormap in React
body: <p>So I am trying to insert a map from jvectormap for a web application. 
  Here is my code for northAmerica.js:</p>
  
  <pre><code>import React, { Component } from 'react'
  import {Link} from 'react-router'
  import ReactDOM from 'react-dom';
  import $ from 'jquery';
  
  
  class NorthAmerica extends Component{
      componentDidMount() {
          const el = ReactDOM.findDOMNode(this.display);
          $(el).vectorMap({map: 'world_mill'});
      }
  
  
      render(){
          return(
              &lt;div&gt;
                  &lt;button id="back"&gt;&lt;Link to="/discover" style={{display: 'block', height: '100%'}}&gt;&lt;/Link&gt;&lt;/button&gt;
                  &lt;h1&gt;NORTH AMERICA MAP PLACE-HOLDER&lt;/h1&gt;
                  &lt;div ref={display =&gt; this.display = display} style={{width: '600px', height: '400px'}}/&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export class northAmerica extends React.Component{
      render(){
          return(&lt;NorthAmerica/&gt;);
      }
  }
  </code></pre>
  
  <p>northAmerica.js is a sub-menu page that will be passed to a page index.js to render to the DOM.</p>
  
  <p>index.gsp is the html page where index.js exports to.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
          &lt;title&gt;Food App&lt;/title&gt;
      &lt;link rel="stylesheet" href="${resource(dir: 'css', file: 'text.css')}" type = "text/css"&gt;
      &lt;link rel="stylesheet" href="${resource(dir: 'css', file: 'jquery-jvectormap-2.0.3.css')}" type="text/css" media="screen"/&gt;
      &lt;script src="jquery-jvectormap-2.0.3.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery-jvectormap-world-mill.js"&gt;&lt;/script&gt;
      &lt;script src="jquery-3.1.1.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="root" align="left"&gt;&lt;/div&gt;
  &lt;br/&gt;
  &lt;asset:javascript src="bundle.js"/&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The web app navigates to this "North America" page however there is no map. </p>
  
  <p>Is there something in my code that is off or could it be the placement of my files? </p>