title: ReactJS - Can't import component
body: <p>I'm brand new to ReactJS.  I'm developing a little single page app and I'm just trying to create my components to import within my main component.</p>
  
  <p><strong>TestComponent.jsx</strong></p>
  
  <pre><code>import React from 'react'
  
  export class TestComponent extends React.Component {
  
      render() {
          return (
              &lt;div className="content"&gt;Test Component&lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>Inside my <strong>main.jsx</strong> I've imported this component calling</p>
  
  <pre><code>import TestComponent from './components/TestComponent.jsx'
  </code></pre>
  
  <p>Then I've tried to call my component for a specific route:</p>
  
  <pre><code>render(
      (&lt;Router history={history}&gt;
          &lt;Route path="/" component={NavMenu}&gt;
              &lt;IndexRoute component={Index}/&gt;
              &lt;Route path="test" component={TestComponent}&gt;&lt;/Route&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;),
      document.getElementById('main')
  )
  </code></pre>
  
  <p>I've not got any errors from the console, but I don't see my component. What am I doing wrong?</p>