Nav.Link to =“ / About”在react-bootstrap中不起作用？ Nav.Link href =“ / About正在重新加载整个页面

Question

我期望的结果是在导航时不必重新整个页面。

<Nav.Link  to="/About>About</Nav.Link> is not working.
<Nav.Link  href="/About">About</Nav.Link> is working but reloading the whole page.

Nav.Link是从react-bootstrap导入的。

这里是什么问题，如何在不通过react-bootstrap展开整个页面的情况下路由到另一页面？

Answer 1

您没有在第一个链接上关闭双引号。试试这个：

<Nav.Link to="/About">About</Nav.Link>

此外，您需要一个路由器才能正常工作。类似于：

<Router>
  <Switch>
    <Route path='/about'>
      <About />
    </Route>
    <Route path='/users'>
      <Users />
    </Route>
    <Route path='/'>
      <Home />
    </Route>
  </Switch>
</Router>