react-bootstrap Navbar无法正常工作

Question

我正在使用react-bootstrap Navbar，但它无效。没有下拉列表工作，没有崩溃工作。不知道为什么。

import {Nav, Navbar, NavItem, NavDropdown, MenuItem} from 'react-bootstrap'


<Navbar inverse collapseOnSelect>
                  <Navbar.Header>
                    <Navbar.Brand>
                      <a href="#">React-Bootstrap</a>
                    </Navbar.Brand>
                    <Navbar.Toggle />
                  </Navbar.Header>
                  <Navbar.Collapse>
                    <Nav>
                      <NavItem eventKey={1} href="#">Link</NavItem>
                      <NavItem eventKey={2} href="#">Link</NavItem>
                      <NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown">
                        <MenuItem eventKey={3.1}>Action</MenuItem>
                        <MenuItem eventKey={3.2}>Another action</MenuItem>
                        <MenuItem eventKey={3.3}>Something else here</MenuItem>
                        <MenuItem divider />
                        <MenuItem eventKey={3.3}>Separated link</MenuItem>
                      </NavDropdown>
                    </Nav>
                    <Nav pullRight>
                      <NavItem eventKey={1} href="#">Link Right</NavItem>
                      <NavItem eventKey={2} href="#">Link Right</NavItem>
                    </Nav>
                  </Navbar.Collapse>
                </Navbar> 

隐藏下拉列表：

不知道这里有什么问题。