/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

0 vote263 views1 answer
Bootstrap 4 without javascript
Javascript Bootstrap
0 vote292 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
19 votes202 views3 answers
Bootstrap media queries
CSS Bootstrap
14 votes281 views4 answers
Text align left bootstrap
CSS Bootstrap
0 vote272 views1 answer
React bootstrap navbar align right buttons
Javascript Bootstrap
0 vote256 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
4 votes278 views1 answer
Bootstrap file select class
CSS Bootstrap
0 vote295 views1 answer
Bootstrap 4 input error
CSS Bootstrap
1 vote272 views1 answer
Change order columns bootstrap
CSS Bootstrap
145 votes270 views6 answers
Add bootstrap to react
CSS Bootstrap