Реагируйте на загрузку Nav, Active Link для более чем одного маршрута - PullRequest
Новая
       8

Реагируйте на загрузку Nav, Active Link для более чем одного маршрута

0 голосов
/ 03 ноября 2019

Обзор

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

Способ реакции начальной загрузки знает, на какой элемент поместить активный классПосмотрев, какие ссылки имеют соответствующий «ключ события» для свойства NavS activeKey.

Вопрос

Как сделать так, чтобы eventKey мог иметь более одного свойства? Я попытался регулярное выражение, но он реагирует читать это как строку вместо regEx. 

<Nav className="justify-content-end" activeKey={location.pathname}>
          <Nav.Item>
            <Nav.Link href="/auctions" eventKey={`/auctions` || `/auctions/:id`}>Auctions</Nav.Link>
          </Nav.Item>
          <Nav.Item>
            <Nav.Link href="/bidders" eventKey={`/bidders` || `/bidder/:id`}>Bidders</Nav.Link>
          </Nav.Item>
      </Nav>
...