React Warnings - не распознает activeKey, activeHref prop для элемента DOM, используя компоненты React-Bootstrap Navbar - PullRequest
Новая
       16

React Warnings - не распознает activeKey, activeHref prop для элемента DOM, используя компоненты React-Bootstrap Navbar

0 голосов
/ 29 ноября 2018

Я заметил, что это несколько дублирующий вопрос, так как это сообщение с аналогичной проблемой - однако мой код не имеет <Navbar-Form> внутри <Nav>, и, как таковой,Я не уверен, что не так с моим заказом Navs.

Функция возврата компонента NavBar в моем приложении 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>
    );

Есть ли какой-то компонент, который я неправильно вложил в какой-то другой компонент?Если это помогает понять, что делает код, этот код предназначен для оранжевой навигационной панели, которую можно найти на моем веб-сайте здесь .Если есть какая-то документация, которая указывает, что вложение компонентов navbar начальной загрузки и запрещается, совместное использование будет также очень полезным!

Редактировать: для некоторого контекста относительно того, что происходит.Мне нужен массив из множества <NavItem> со ссылками, которые ведут со страницы на страницу на моем сайте.Однако массив <NavItems>, который должен отображать , зависит от того, какой из 3 пунктов меню выбран в <NavDropdown> (один из NBA, MLB или NHL).Еще раз, кликнув по NavBar на фактическом сайте, на который я ссылался, поможет с этим.

Заранее большое спасибо!

...