如何折叠NavBar onSelect或onClick

时间:2015-05-27 13:00:48

标签: react-bootstrap

我正在使用:
'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没有崩溃,你知道如何让它在选中时崩溃吗?

由于

1 个答案:

答案 0 :(得分:1)

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

示例:

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

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