React Bootstrap Navbar他のページへのリンクが適切でない

Question

私は現在、いくつかのページを持つアプリケーションを持っていますが、navbarからリンク先コンポーネントを使用するとルーティングがうまく動作します。

は/ページ1

を得ることができないと私は、ブラウザの上部にあるリンクは、に行くことに気づい：http://localhost:3000/#/citiesとは対照的に、（それは私がへのリンクを使用する場合のように）http://localhost:3000/page1。

私の現在のナビゲーションバーコードはこれです：私はちょうどリンクでテキストをラップした場合、我々は、私が欲しいものではありません、テキスト、をクリックしたとき

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

は、私は完全に私が反応し、ルータのブートストラップからLinkContainerと私のNavItemの各コンポーネントをラップする必要があることを忘れていました。

これはすべてを処理しました。