collapseOnВыберите в навигационных панелях реагировать на загрузку с помощью router-router-dom NavLinks - PullRequest
Новая
       28

collapseOnВыберите в навигационных панелях реагировать на загрузку с помощью router-router-dom NavLinks

1 голос
/ 05 июня 2019

Я создаю веб-сайт, где использую компоненты NavLink реагирующего маршрутизатора-dom для предотвращения повторного рендеринга для одностраничных приложений.

Поскольку я пытаюсь сделать сайт отзывчивым, я пытался заставить отзывчивую навигационную панель из реактивного запуска свернуть после выбора NavLink, но поведение collapseOnSelect, похоже, не работает ни для чего, кроме Nav.Link Компоненты, которые поставляются с реакции-начальной загрузки.

Другие решения рекомендовали передавать реквизиты на nav (navExpanded: true) с функциями ручного переключения и т. Д., Но, похоже, это все равно вызывает повторное рендеринг из-за изменения состояния. Основная причина, по которой я хочу этого избежать, заключается в том, что я сделал переходы между страницами, используя реагирующую группу переходов. 

<Navbar collapseOnSelect expand="md" variant="dark">
    <Container>
        <Navbar.Brand href="/"><Logo/></Navbar.Brand>
        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
        <Navbar.Collapse id="responsive-navbar-nav">
            <Nav className="Navs ml-auto">
                <NavLink className="nav-link" to="/about">ABOUT</NavLink>
                <NavLink className="nav-link" to="/portfolio">PORTFOLIO</NavLink>
                <NavLink className="nav-link" to="/contact">CONTACT</NavLink>
            </Nav>
        </Navbar.Collapse>
    </Container>
</Navbar>

Любая помощь будет принята с благодарностью!

...