reactjs - 一个 NavLink 是否可以为 2 页提供活动课程？

Question

我有这个代码：

    <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

标签： reactjsurlnavigationreact-routerurl-parameters