У меня есть этот код:
<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
стр. Возможно ли что-то подобное, и если да, то как мне это сделать?