/Javascript/Bootstrap/React-bootstrap navbar nav link refreshes page

React-bootstrap navbar nav link refreshes page

import { Route, RouteHandler, Link } from 'react-router';
import AuthService from '../services/AuthService'
import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap';
import { LinkContainer } from 'react-router-bootstrap';

/// In the render() method
<Nav pullRight>
  <LinkContainer to="/home">
    <NavItem eventKey={1}>Home</NavItem>
  </LinkContainer>
  <LinkContainer to="/book">
    <NavItem eventKey={2}>Book Inv</NavItem>
  </LinkContainer>
  <NavDropdown eventKey={3} title="Authorization" id="basic-nav-dropdown">
    <LinkContainer to="/logout">
      <MenuItem eventKey={3.1}>Logout</MenuItem>    
    </LinkContainer>      
  </NavDropdown>  
</Nav>

Source: stackoverflow.com

Similar codes

3 votes312 views2 answers
Col to right bootstrap
Javascript Bootstrap
12 votes307 views6 answers
Bootstrap modal
Javascript Bootstrap
253 votes413 views10 answers
Bootstrap cdn
CSS Bootstrap
125 votes326 views6 answers
Install React Bootstrap
Javascript Bootstrap
0 vote308 views1 answer
Bootstrap 4 form validator with jquery
Javascript Bootstrap
-1 vote328 views2 answers
Bootstrap 5 toast display
Javascript Bootstrap
0 vote305 views2 answers
Make all images same size bootstrap
CSS Bootstrap
120 votes384 views3 answers
React import bootstrap css file
CSS Bootstrap
0 vote331 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote305 views1 answer
Form.select react bootstrap
Javascript Bootstrap