如何在React中为不同的路由设置样式？

在React中为不同的路由设置样式可以通过使用CSS模块化的方式来实现。下面是一个基本的步骤：

1. 首先，安装React Router，可以使用以下命令：
2. 首先，安装React Router，可以使用以下命令：
3. 在你的React组件中，使用BrowserRouter或HashRouter将路由器包装在根组件周围。例如：
4. 在你的React组件中，使用BrowserRouter或HashRouter将路由器包装在根组件周围。例如：
5. 在CSS中定义不同路由的样式。例如，在这个例子中，我们为活动的路由添加了一个名为active的类名：
6. 在CSS中定义不同路由的样式。例如，在这个例子中，我们为活动的路由添加了一个名为active的类名：

通过这种方式，当用户导航到不同的路由时，React会自动为活动路由的NavLink添加active类名，从而设置其样式。你可以根据需要自定义active类名的样式。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。请注意，这只是其中一种方式，你可以使用其他第三方库或自定义解决方案来实现相似的效果。

对于React中路由样式设置的更多信息，可以参考React Router官方文档：React Router