/Javascript/Bootstrap/How to navigate with navintems for react-bootstrap without refreshing the whole page

How to navigate with navintems for react-bootstrap without refreshing the whole 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

How to navigate with navintems for react-bootstrap without refreshing the whole page

import { Link } from 'react-router-dom'

<Nav.Link as={Link} to="/">

Similar codes

2 votes247 views4 answers
Add bootstrap to gatsby
Javascript Bootstrap
92 votes269 views5 answers
Bootstrap primary color code
CSS Bootstrap
145 votes276 views6 answers
Import bootstrap in react
CSS Bootstrap
35 votes265 views3 answers
What does class="d-none d-md-block" mean in bootstrap?
CSS Bootstrap
0 vote234 views1 answer
React bootstrap make col disapear in small screens
Javascript Bootstrap
3 votes233 views1 answer
Bootstrap 3 offset
CSS Bootstrap
0 vote254 views1 answer
React-bootstrap problem-import new version
Javascript Bootstrap
0 vote286 views1 answer
Bootstrap 5 css how to change
CSS Bootstrap
0 vote245 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote241 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap