是否可以为多个 url 设置 Navlink activeClassName？[反应]

Question

我希望内阁部分不仅对/cabinet/login url 有效，而且对/cabinet/signup 和/cabinet/orders 也有效。这是我的 App 和 MainNavigation 组件代码。

应用程序.js

 <BrowserRouter>
        <Root>
          <Route path='/' exact component={ Home } />
          <Route path='/cabinet/:type' component={ Cabinet } />
          <Route path='/catalog' component={ Catalog } />
          <Route path='/company' component={ Company } />
          <Route path='/contacts' component={ Contacts } />
        </Root>
  </BrowserRouter>

主导航.js

<nav id="menu">
    <ul className="navigation">
        <li style={{height: '20%'}}>
            <NavLink to={"/"} activeClassName="active1" exact>???????</NavLink>
        </li>
        <li style={{height: '20%'}}>
            <NavLink to={"/cabinet/login"} activeClassName="active2">???????</NavLink>
        </li>
        <li style={{height: '20%'}}>
            <NavLink to={"/catalog"} activeClassName="active2">???????</NavLink>
        </li>
        <li style={{height: '20%'}}>
            <NavLink to={"/company"} activeClassName="active3">????????</NavLink>
        </li>
        <li style={{height: '20%'}}>
            <NavLink to={"/contacts"} activeClassName="active3">????????</NavLink>
        </li>
    </ul>
  </nav>

是否可以为多个 url 设置 Navlink activeClassName？