EventKeys in NavDropdown in Reagieren-Bootstrap
Ich habe ein problem mit den eventKey, was in NavDropdowns.
var Navigation = React.createClass({
handleSelect: function(eventKey){
console.log(eventKey);
},
render: function() {
return (
<Navbar brand='Navbar' toggleNavKey={0}>
<CollapsibleNav eventKey={0} onSelect={this.handleSelect}>
<Nav navbar>
<NavItem eventKey={1}>Home</NavItem>
</Nav>
<Nav navbar right hide>
<NavItem eventKey={2}>Login</NavItem>
<NavDropdown eventKey={3} title='NavDropdown' id='basic-nav-dropdown'>
<MenuItem eventKey={4}>Action 1</MenuItem>
<MenuItem eventKey={5}>Action 2</MenuItem>
</NavDropdown>
</Nav>
</CollapsibleNav>
</Navbar>
)
}
});
Ich möchte in der Lage sein in meinem selectHandler zu sagen, was Nav-element geklickt wurde.
Dies funktioniert für alle Elemente, mit Ausnahme der NavDropdown:
Klick auf das Dropdown nicht ausgelöst selectHandler, was in Ordnung ist.
Aber wenn ich auf ein MenuItem, statt dass Sie mir den eventKey, es gibt mir ein Ereignis-Objekt.
Wie kann ich ändern, das NavDropdown so, dass es mir den eventKey?
Edit: Meine Versionen sind:
"react": "^0.14.0-beta3",
"react-bootstrap": "^0.25.100-react-pre.0",
- könnten Sie es ein JSFiddle, so kann ich mit ihm spielen?
- Ich bin nicht so vertraut mit JSFiddle. Ich konnte versuchen, es zu bekommen, um die Arbeit mit Reagieren-Bootstrap
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist ein Fehler in reagieren-bootstrap
https://github.com/react-bootstrap/react-bootstrap/issues/1268
Den Rückruf auf
onSelect
Veranstaltung erhalten Sie 2 params. Die erste ist die Veranstaltung obj. Die zweite ist EventKey. Sie können es Lesen in doc. Also, wenn Sie wollen, bekommen, Ereignis-Schlüssel haben, sollten Sie versuchen, rufen Sie im zweiten param1 undefined
2 undefined
SyntheticMouseEvent 3
"'