/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

97 votes129 views8 answers
Create react app
Javascript React
0 vote127 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote130 views1 answer
React state deconstructed
Javascript React
3 votes123 views1 answer
Remove header from certain pages react navigation
Javascript React
48 votes147 views6 answers
Comment in react
Javascript React
111 votes124 views6 answers
Install bootstrap in react
Javascript React
0 vote130 views1 answer
React native scrollview in modal
Javascript React
0 vote120 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
10 votes116 views2 answers
React text input onchange
Javascript React
0 vote118 views1 answer
How to send data to another page in react from button
Javascript React