Using Navbar to link farther down the same page?

**Expected behavior** I'm wanting to have the navbar link to a div with an id lower down on the same page, instead of routing to a new page. **Actual behavior** The MDBLink is using react-router and only seems to route the url. It requires the to attribute and doesn't work the same as href going to a location on the page. I got something working, when I surround a NavbarBrand tag with an . I just wanted to know it there is a better way? different tag I should be using. **Resources (screenshots, code snippets etc.)**<Router> <MDBNavbar color="bg-primary" fixed="top" dark expand="md" scrolling transparent> <MDBNavbarBrand href="/"> <strong>Navbar</strong> </MDBNavbarBrand> {!this.state.isWideEnough && <MDBNavbarToggler onClick={()=>{this.onClick()}} />} <MDBCollapse isOpen={this.state.collapse} navbar> <MDBNavbarNav left> <MDBNavItem active> <MDBNavLink to="#">Home</MDBNavLink> </MDBNavItem> <MDBNavItem> <a href="#contactUs"><MDBNavLink to='#'>doesn't work</MDBNavLink></a> {/* doesn't work... */} </MDBNavItem> <MDBNavItem> <a href='#contactUs'><MDBNavbarBrand>works</MDBNavbarBrand></a> {/* works */} </MDBNavItem> </MDBNavbarNav>

I made some comments in there, but the code looks better in the editor than in the preview.