我在NavDropdowns中的eventKey问题上遇到了问题。

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>

    )
  }
});

我希望能够在selectHandler中知道单击了哪个Nav元素。
这对NavDropdown以外的所有元素都适用:

单击下拉列表不会触发selectHandler,这很好。
但是,当我单击MenuItem之一时,没有给我eventKey,而是给了我一个事件对象。

如何修改NavDropdown,以便为我提供eventKey?

编辑:我的版本是:
"react": "^0.14.0-beta3",
"react-bootstrap": "^0.25.100-react-pre.0",

最佳答案

这是react-bootstrap中的错误

https://github.com/react-bootstrap/react-bootstrap/issues/1268

关于reactjs - React-Bootstrap中NavDropdown中的EventKeys,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32332557/

10-11 14:07