将NavItem活动类应用于react路由器中的两个不同路由。

NavItem是一个用于创建导航栏菜单项的组件，通常用于React应用中的路由器。在React路由器中，可以使用NavItem组件来创建导航栏菜单项，并将其与不同的路由关联起来。

在React路由器中，可以使用NavLink组件来创建具有活动状态的导航栏菜单项。NavLink是NavItem的一个子组件，它可以根据当前路由的匹配情况自动添加活动状态的样式。

下面是一个示例代码，演示如何将NavItem活动类应用于React路由器中的两个不同路由：

import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom';

const App = () => {
  return (
    <Router>
      <nav>
        <ul>
          <li>
            <NavLink exact to="/" activeClassName="active">Home</NavLink>
          </li>
          <li>
            <NavLink to="/about" activeClassName="active">About</NavLink>
          </li>
        </ul>
      </nav>

      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </Router>
  );
};

const Home = () => {
  return <h1>Home Page</h1>;
};

const About = () => {
  return <h1>About Page</h1>;
};

在上面的代码中，我们使用了react-router-dom库提供的BrowserRouter、Route和NavLink组件。通过BrowserRouter组件创建了一个路由器，并使用Route组件定义了两个不同的路由，分别对应"/"和"/about"路径。在导航栏中，我们使用了NavLink组件来创建两个菜单项，并通过exact属性确保只有在完全匹配时才添加活动状态的样式。

此外，我们还为NavLink组件指定了activeClassName属性，该属性用于指定活动状态的样式类名。你可以根据需要自定义该样式类的样式。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。