React bootstrap navbar 다른 페이지로 연결하는 것이 적절하지 않습니다.

Question

현재 몇 페이지의 앱이 있는데, 초기 페이지에서 링크 구성 요소를 사용하면 경로가 올바르게 작동하지만 navbar에서 메시지가 나타납니다.

은/PAGE1

얻을 수 없다 그리고 나는 또한 브라우저의 상단에 링크가 간다 것으로 나타났습니다 : 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의 각 구성 요소를 마무리해야한다는 것을 잊어 버렸습니다.

모든 것이 처리되었습니다.