/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 vote421 views1 answer
Bootstrap create full screen background image
CSS Bootstrap
0 vote435 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
12 votes375 views6 answers
Bootstrap modal
Javascript Bootstrap
13 votes354 views3 answers
Angular.json bootstrap path
Javascript Bootstrap
0 vote422 views2 answers
Bootstrap 5 container
CSS Bootstrap
0 vote381 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
127 votes472 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote397 views1 answer
Form.select not working react bootstrap
Javascript Bootstrap
0 vote388 views3 answers
Choose file bootstrap show filename
Javascript Bootstrap
0 vote389 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap