React警告-使用React-Bootstrap Navbar组件无法识别DOM元素上的activeKey,activeHref支持

时间:2018-11-29 19:07:26

标签: reactjs navbar react-bootstrap

我注意到这是一个重复的问题,因为存在this post with a similar issue-但是我的代码在 lv.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { //Here you have view and position . so use both in a way you want. } }); 中没有<Navbar-Form>,因此,我不是确定我的<Nav>的订购有什么问题。

我的React应用程序中的NavBar组件的返回函数引发的升温如下所示:

Navs

是否存在一些我错误地嵌套在其他组件内部的组件?如果可以帮助您了解代码的功能,则该代码适用于my website here上的橙色NavBar。如果有一些文档表明允许和不允许嵌套什么react-bootstrap导航栏组件,那么共享也将非常有帮助!

编辑:关于正在发生的情况。我需要一个由许多 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> ); 组成的数组,这些链接带有在我的网站上从页面到页面的链接。但是,应显示<NavItem>数组取决于<NavItems>(NBA,MLB或NHL中的一个)中选择的3个菜单项中的哪个。再次单击我链接到的实际站点上的导航栏将对此有所帮助。

非常感谢!

0 个答案:

没有答案