Javascript react引导导航栏不工作

我正在使用

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> 

从'react bootstrap'导入{Nav、Navbar、NavItem、NavDropdown、MenuItem}
链接
链接
行动
另一个动作
还有别的吗
分离环
链接权
链接权

并且下拉列表被隐藏：

---

不知道这里出了什么问题。

是否尝试添加css文件<代码>CSS正确显示。如您所见，这些功能需要boostrap的js+jquery+一些代码。据我记忆所及，我使用的是

react bootstrap

，我在bootstrap网站上正确地记录了这一点，所以我认为这不需要bootstrap.js