react-bootstrap - 如何折叠 NavBar onSelect 或 onClick

Question

我在用：
'react-bootstrap'

handleMouseDown(e){
 // HOW TO
}

  <Navbar brand='React-Bootstrap' inverse toggleNavKey={0} onClick={this.handleMouseDown}>
    <Nav right eventKey={0}> {/* This is the eventKey referenced */}
...
  </div>

一切正常，但 NavBar 没有折叠，你知道如何让它在被选中时折叠吗？

谢谢

Answer 1

我能够通过将整个标题包装在我自己的组件中来解决这个问题，然后保持状态以隐藏或显示菜单。然后你可以挂钩到导航栏的道具来显示/隐藏，onToggle 让你可以添加自己的函数来设置状态。

例子：

<Navbar inverse fixedTop toggleNavKey={0} navExpanded={this.state.navExpanded} onToggle={() => this.toggleNav()}>

希望这可以帮助。如果您需要更多示例代码，请告诉我。