react-boostrap Nav链接未由react-router处理

Question

我正在尝试将react-bootstrap与路由结合起来。问题是，链接不是由路由器在本地处理的，而是直接链接到URL。当然，我可以将其重定向到index.html，但这真的是单页应用程序的解决方案吗？在下面的代码中，我有两种解决问题的方法，结果是一样的。

我在下面的代码段中尝试了两种版本的链接。

//snippet
<Nav className="mr-auto">
    <Nav.Link href="/home">Home</Nav.Link>
    <Nav.Link componentClass={Link} href="/login"   
     to="/login">Login</Nav.Link>
</Nav>

链接应由路由器本地处理，而不是指向导致页面重新加载的URL。