我在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/