Closed
Description
I'm using React.bootstrap in combination with react-router and react-router-bootstrap. The problem I'm facing is that when I put a Dropdown on a Navbar, the actions works as expected, but the dropdown keeps open, I would like that when the user clicks a menu from the dropdown, the route kicks and the dropdown goes away. Here's my code, the return clause of the render method:
return (
<div>
<Navbar ref="header" className="navbar navbar-default" brand={brand} fixedTop={true} fluid={true} toggleNavKey={1}>
<Nav className="navbar-left" eventKey={1}>
<NavItemLink to="dashboard" eventKey={2}>Dashboard</NavItemLink>
<DropdownButton eventKey={3} title="Admin">
<MenuItemLink to="users" eventKey="1">Users</MenuItemLink>
<MenuItemLink to="projects" eventKey="2">Projects</MenuItemLink>
</DropdownButton>
</Nav>
</Navbar>
<RouteHandler />
<div className="navbar-footer">
<div className="container">
<p className="text-muted">
<span>some footer text</span>
</p>
</div>
</div>
</div>
);