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
InformationsquelleAutor MoeSattler | 2015-09-01
Schreibe einen Kommentar