title: React react-router-dom pass props to component
body: <p>I need to pass props to component using router.
  Here's my code:</p>
  
  <pre><code>import React, { Component, PropTypes } from 'react';
  import { connect } from 'react-redux';
  import AppBarTop from './appbar/AppBarTop';
  
  import Login from '../pages/login/Login';
  import {BrowserRouter as Router, Route} from 'react-router-dom';
  
  
  class App extends Component {
  
      render() {
  
          const { isAuthenticated } = this.props;
  
          return (
              &lt;Router&gt;
                  &lt;div&gt;
                      &lt;AppBarTop isAuthenticated={isAuthenticated} /&gt;
                      &lt;div className="content"&gt;
                          &lt;Route path="/login" isAuthenticated={isAuthenticated} component={Login} /&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/Router&gt;
          );
      }
  }
  </code></pre>
  
  <p>As you can see, isAuthenticated the prop i want to pass to Login component.</p>
  
  <pre><code>class Login extends Component {
  
      constructor(props) {
          super(props);
          console.log(props);
      }
  
      render() {
          return (
              &lt;LoginForm /&gt;
          );
      }
  
  }
  
  export default connect(null) (Login);
  </code></pre>
  
  <p>When i log the props the <strong>isAuthenticated</strong> prop is not there. What i'm doing wrong? How can i pass the prop correctly?
  I followed the docs and also other discussions. From my understanding it should work.
  The version of <strong>react-router</strong> and <strong>react-router-dom</strong> is <strong>4.0.0</strong></p>