Reactjs React警告-使用React引导导航栏组件无法识别DOM元素上的activeKey、activeHref prop
我注意到这是一个有点重复的问题,因为有-但是我的代码在Reactjs React警告-使用React引导导航栏组件无法识别DOM元素上的activeKey、activeHref prop,reactjs,navbar,react-bootstrap,Reactjs,Navbar,React Bootstrap,我注意到这是一个有点重复的问题,因为有-但是我的代码在内部没有,因此,我不确定我的导航系统的顺序有什么问题 我的React应用程序中的导航栏组件的返回函数(用于启动预热)如下所示: myItems = someArray.map(function (app, i) { return ( <Col key={'navitem-' + i}> <NavItem key={app + '-' + i} c
内部没有
,因此,我不确定我的导航系统的顺序有什么问题
我的React应用程序中的导航栏组件的返回函数(用于启动预热)如下所示:
myItems = someArray.map(function (app, i) {
return (
<Col key={'navitem-' + i}>
<NavItem key={app + '-' + i} componentClass='span'>
<Link exact='true' className='nav-link' to={app.route}>
{app.name}
</Link>
</NavItem>
</Col>
);
});
return(
<Navbar
collapseOnSelect
className={'navbar-orange' + (this.props.visible ? '' : ' hidden') + (this.state.sticky ? ' sticky-nav' : '') }>
<Navbar.Collapse>
<Nav activeKey={2}>
<NavDropdown id={'needs-an-id'} eventKey={1} title={league} onSelect={this.handleAlert}>
<MenuItem eventKey={'NBA'} componentClass='span'>
NBA
</MenuItem>
<MenuItem eventKey={'NHL'} componentClass='span'>
NHL
</MenuItem>
<MenuItem eventKey={'MLB'} componentClass='span'>
MLB
</MenuItem>
</NavDropdown>
<Grid>
<Row>
{myItems}
</Row>
</Grid>
</Nav>
</Navbar.Collapse>
</Navbar>
);
myItems=someArray.map(函数(app,i){
返回(
{app.name}
);
});
报税表(
美国篮球职业联盟
NHL
MLB
{myItems}
);
是否有某个组件被错误地嵌套在其他组件中?如果它有助于了解代码正在做什么,那么此代码适用于可以在上找到的橙色导航栏。如果有一些文档说明react引导navbar组件的嵌套是什么,不允许嵌套什么,那么共享也会非常有用
编辑:了解正在发生的事情的上下文。我需要一个由许多
组成的数组,其中包含在我的网站上从一页链接到另一页的链接。但是,应显示的
数组取决于在
中选择了三个菜单项中的哪一个(NBA、MLB或NHL之一)。再一次,在我链接到的实际站点上的导航栏上点击,将有助于实现这一点
非常感谢