Возможно ли, чтобы один NavLink давал активный класс для 2 страниц? - PullRequest
0 голосов
/ 07 ноября 2018

У меня есть этот код:

    <ListGroup className="list-group-flush">
      <NavLink exact={true} to="/admin" activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="money" className="mr-3"/>
          Orders
        </ListGroupItem>
      </NavLink>
      <NavLink to="/admin/booths" activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="camera" className="mr-3"/>
          Booths
        </ListGroupItem>
      </NavLink>
      <NavLink to="/admin/components" activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="cubes" className="mr-3"/>
          Components
        </ListGroupItem>
      </NavLink>
      <NavLink to={`/admin/schedule/starting_ship_date=${start}&ending_ship_date=${end}`} activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="calendar" className="mr-3"/>
          Schedule
        </ListGroupItem>
      </NavLink>
      <NavLink to="/admin/lateReturns" activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="exclamation" className="mr-3"/>
          Late Returns
        </ListGroupItem>
      </NavLink>
      <NavLink to="/admin/allInbound" activeClassName="activeClass">
        <ListGroupItem>
          <Fa icon="clock-o" className="mr-3"/>
          All Inbound
        </ListGroupItem>
      </NavLink>
    </ListGroup>

Я хочу сделать так, чтобы первый NavLink (тот, который идет к '/admin') был не только активным для страницы /admin, но он также был активным для страницы /admin/orders и /admin/orders/orderid:id стр. Возможно ли что-то подобное, и если да, то как мне это сделать?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...