title: Bootstrap Navbar Component not working in react application
body: <p>I try to use BootStrap (Navbar) Component in my react application ,But it's not show any Output and error, It just reloading page continuously.
  Im using Navbar react comonent form <a href="https://react-bootstrap.github.io/components/navbar/#brand" rel="nofollow noreferrer">React Boot Strap</a></p>
  
  <p>What's wrong with it Please help me .</p>
  
  <p>Thanks for considering my question.</p>
  
  <p><strong>Navbar.js</strong></p>
  
  <pre><code>import React,{Component} from 'react';
  import {Link} from 'react-router-dom';
  import {Nav,NavItem,NavDropdown,MenuItem} from 'react-bootstrap';
  
  export default class Navbar extends Component {
      render(){
          return(
                  &lt;Navbar inverse collapseOnSelect&gt;
                    &lt;Navbar.Header&gt;
                      &lt;Navbar.Brand&gt;
                        &lt;Link to="#brand"&gt;React-Bootstrap&lt;/Link&gt;
                      &lt;/Navbar.Brand&gt;
                      &lt;Navbar.Toggle /&gt;
                    &lt;/Navbar.Header&gt;
                    &lt;Navbar.Collapse&gt;
                      &lt;Nav&gt;
                        &lt;NavItem eventKey={1} to="#"&gt;
                          Link
                        &lt;/NavItem&gt;
                        &lt;NavItem eventKey={2} to="#"&gt;
                          Link
                        &lt;/NavItem&gt;
                        &lt;NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown"&gt;
                          &lt;MenuItem eventKey={3.1}&gt;Action&lt;/MenuItem&gt;
                          &lt;MenuItem eventKey={3.2}&gt;Another action&lt;/MenuItem&gt;
                          &lt;MenuItem eventKey={3.3}&gt;Something else here&lt;/MenuItem&gt;
                          &lt;MenuItem divider /&gt;
                          &lt;MenuItem eventKey={3.3}&gt;Separated link&lt;/MenuItem&gt;
                        &lt;/NavDropdown&gt;
                      &lt;/Nav&gt;
                      &lt;Nav pullRight&gt;
                        &lt;NavItem eventKey={1} to="#"&gt;
                          Link Right
                        &lt;/NavItem&gt;
                        &lt;NavItem eventKey={2} to="#"&gt;
                          Link Right
                        &lt;/NavItem&gt;
                      &lt;/Nav&gt;
                    &lt;/Navbar.Collapse&gt;
                  &lt;/Navbar&gt;
              )
      }
  
  }
  </code></pre>
  
  <p>`</p>
  
  <p><strong>App.js</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import {BrowserRouter as Router,  Switch,Route } from 'react-router-dom';
  import Header from './component/common/header.js';
  import Fotter from './component/common/fotter.js';
  import Navbar from './component/common/navbar.js';
  
  import './static/css/app.css';
  
  
  class App extends Component {
    render() {
      return (
        &lt;Router&gt;
          &lt;div className="App"&gt;
  
              &lt;Header /&gt;
              &lt;Navbar /&gt;
              &lt;Fotter /&gt;
          &lt;/div&gt;
        &lt;/Router&gt;
      );
    }
  }
  
  export default App;
  </code></pre>