Navbar在React JS中

Question

尽管我粘贴了相同的代码，但我想要的navbar并没有显示出来。

这是navbar的完整代码：

<div className="App container">
          <Navbar fluid collapseOnSelect>
            <Navbar.Header>
              <Navbar.Brand>
                <Link to="/">Home</Link>
              </Navbar.Brand>
              <Navbar.Toggle />
            </Navbar.Header>
            <Navbar.Collapse>
              <Nav pullRight>
                <LinkContainer to="/Register">
                  <NavItem>Register</NavItem>
                </LinkContainer>
                <LinkContainer to="/Signin">
                  <NavItem>login</NavItem>
                </LinkContainer>
                <LinkContainer to="/">
                  <NavItem>Logout</NavItem>  
                </LinkContainer>
              </Nav>
              </Navbar.Collapse>
          </Navbar>
          <Routes />
        </div>

我认为我在以下组件中遇到了问题：

    <Navbar.Collapse>
                  <Nav pullRight>
                    <LinkContainer to="/Register">
                      <NavItem>Register</NavItem>
                    </LinkContainer>
                    <LinkContainer to="/Signin">
                      <NavItem>login</NavItem>
                    </LinkContainer>
                    <LinkContainer to="/">
                      <NavItem>Logout</NavItem>  
                    </LinkContainer>
                  </Nav>
            </Navbar.Collapse>

以下链接中的预期结果应为：https://serverless-stack.com/chapters/adding-links-in-the-navbar.html

但是我没有得到相同的结果，我的navbar看起来很奇怪。