React bootstrap navbar не подходит для ссылок на другие страницы

Question

В настоящее время у меня есть приложение с несколькими разными страницами, маршрутизация отлично работает, если я использую ссылку на компонент на начальной странице, однако из навигационной панели я получаю сообщение:

не может получить/стр.1

И я также заметил, что ссылка на верхней части браузера идет к: http://localhost:3000/page1 в отличие от http://localhost:3000/#/cities (как это было бы, если я использую ссылку).

Мой текущий код Navbar это:

export class NavigationBar extends Component { 

    render(){ 
     return( 
      <Navbar> 
      <Navbar.Header> 
       <Navbar.Brand> 
       <a href="#">Navbar</a> 
       </Navbar.Brand> 
      </Navbar.Header> 
      <Nav> 
       <NavItem eventKey={1} href="/page1">Page1</NavItem> 
       <NavItem eventKey={2} href="/page2">Page2</NavItem> 
      </Nav> 
     </Navbar>); 
    } 

} 

Если я просто обернуть текст с Ссылка, он просто работает, когда мы нажимаем на текст, который не то, что я хочу. Что я могу сделать так, чтобы NavItem будет вести себя как ссылка, но все еще выглядит нормально?

Благодаря

Answer 1

Я совершенно забыл, что мне нужно, чтобы обернуть каждый из моих компонентов NavItem с LinkContainer от среагировать-маршрутизатора-загрузчике.

Это позаботилось обо всем.