/Javascript/React/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

2 votes195 views3 answers
React native component at bottom center
Javascript React
0 vote198 views1 answer
Display image from local JSON / JS Object using React
Javascript React
32 votes214 views2 answers
Npm react router dom@5
Javascript React
1 vote198 views1 answer
Spread operator react array
Javascript React
16 votes235 views6 answers
React useState hook
Javascript React
2 votes212 views1 answer
How to get current URL with Javascript or React
Javascript React
142 votes801 views6 answers
Create-react-app
Javascript React
0 vote214 views1 answer
Install aos in react
Javascript React
3 votes235 views1 answer
React tooltip data-tip
Javascript React
0 vote232 views1 answer
Get started with datagrid in react js
Javascript React