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 импортируется из response- bootstrap.

В чем проблема, и Как я могу перейти на другую страницу, не перезагружая всю страницу, с помощью реакции - 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>