如何折叠 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

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

示例：

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

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

如何折叠 NavBar onSelect 或 onClick

How to collapse NavBar onSelect or onClick

react-bootstrap