React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.
As one of the oldest React libraries, React-Bootstrap has evolved and grown alongside React, making it an excellent choice as your UI foundation.
Built with compatibility in mind, we embrace our bootstrap core and strive to be compatible with the world’s largest UI ecosystem.
When using <Nav.Link></Nav.Link> in React-bootstrap Navbar Element. We need to provide href for the anchor tag but instead we need to use React Link or NavLink element to use react routes without reloading the whole page.
React Link and NavLink little bit different because NavLink adds “active” to the active react router. No going to discuss it here in details.
Lets look at the sample code snippet
It uses href and pge reloads if we click on the link
<Nav.Link href="#home">Home</Nav.Link>
now if we want to use <Link>/<NavLink> components we could just wrap the Link component with <Nav.Item> but we are not going to do this. Instead we are going to pass few props to <Nav.Link>
