/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

0 vote444 views1 answer
./node_modules/react-chartjs-2/dist/index.modern.js Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\shadi\WebstormProjects\PI_HR_HUB\node_modules\react-chartjs-2\dist'
Javascript React
0 vote415 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
4 votes378 views2 answers
Materialize for react
Javascript React
0 vote406 views1 answer
React native run-android --release
Javascript React
1 vote371 views1 answer
Yup only characters regex validation react
Javascript React
0 vote397 views1 answer
Get position of element in react
Javascript React
0 vote410 views1 answer
.env not working on react
Javascript React
0 vote389 views1 answer
Create app with a specific react version
Javascript React
3 votes389 views2 answers
React how to scroll to element
Javascript React
4 votes410 views1 answer
React props.children proptype
Javascript React