小编doK*_*Kno的帖子

当我使用以下链接时，我的 React 应用程序按预期工作，这意味着如果我单击链接，应用程序不会完全重新加载，而只是更改其前端外观。

<Link to="/about">About</Link>

现在我想使用 React-Bootstrap 中的导航栏。但是，如果我单击导航栏，我的整个网络应用程序就会重新加载，这是我不想要的。

这是我认为我的代码的相关部分：

  <Router>

<Navbar bg="dark" variant="dark">
  <Navbar.Toggle aria-controls="basic-navbar-nav" />
  <Navbar.Collapse id="basic-navbar-nav">
    <Nav className="mr-auto">
      <Nav.Link to="/about">Page 1</Nav.Link>
      <Nav.Link href="/about2">Page 2</Nav.Link>
    </Nav>
  </Navbar.Collapse>
</Navbar>

<hr />

        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/about2">
            <About />
          </Route>
          <Route path="/dashboard">
            <Dashboard />
          </Route>
        </Switch>
         
    </Router>

当我使用“to”时，它根本不起作用。当我使用“href”时，引用有效，但整个网络应用程序会重新加载 - 这并不是我真正想要的。我怎样才能解决这个问题？提前致谢！