title: React Router Component not Rendering
body: <p>I've been working with React Router and trying to route my App.js and Car.js components together. I wrote {this.props.children} in those two components but it still isn't working. There is no where on my local host page that shows any indication of the Car.js component when I deploy my app.</p>
  
  <p>Here's my App.js:</p>
  
  <pre><code>import React, { Component } from 'react';
  import Login from './Login.js';
  import Search from './Search.js';
  import Message from './Message.js';
  import Car from './Car.js';
  import {BrowserRouter, Route} from 'react-router-dom';
  
  export default class App extends React.Component {
    render() {
      return (
        &lt;div&gt;
          &lt;Login /&gt;
          &lt;Search /&gt;
          &lt;Message /&gt;
              &lt;div&gt;
                  &lt;BrowserRouter&gt; 
                  &lt;Route path="/Car" component={Car}/&gt;
                  &lt;/BrowserRouter&gt;
                  {this.props.children}
              &lt;/div&gt;
        &lt;/div&gt;
  
      );
    }
  }
  </code></pre>
  
  <p>Car.js:</p>
  
  <pre><code>// Car page example 
  import React, { Component } from 'react';
  import {Router, Route} from 'react-router';
  
  class Car extends Component {
      render(){
          return(
              &lt;div&gt;
                  &lt;h1&gt; Cars page &lt;/h1&gt;
                  {this.props.children}
              &lt;/div&gt;
          );
      }
  }
  
  export default Car;
  </code></pre>