Reactjs 不同页面主页上图标处理程序的颜色

请帮忙。我需要使主页上的图标处理程序的颜色为白色，并在网站的其他页面保持黑暗，因为它是现在。 上。 如果我更改css文件中的颜色，所有页面上的颜色都将相同。但在我的网站上，第一页是黑色的，其他的是浅色的。因此，在主页面上，打开菜单的项目不可见。其余部分通常可见。

---

在github上的文档中，我看到component drawer接受一个props“prefixCls”，您可以基于props管理不同的类，而不是依赖单个css类

/*eslint禁用无控制台、反应/无多个组件*/
从“rc抽屉”导入抽屉；
从“React”导入React；
从“react dom”导入react dom；
从“antd”导入{菜单，图标}；
常量子菜单=Menu.SubMenu；
const MenuItemGroup=Menu.ItemGroup；
ReactDom.render((
选择1
选择2
选择3
选择4
备选案文5
备选案文6
备选案文7
备选案文8
备选案文9
选择10
备选方案11
备选案文12
内容区块
)，document.getElementById（“uuu-react-content”）我已经更新了示例，条件将基于您的应用程序结构，您可以从容器中检查路由路径或道具组件本身不管理内联样式，但您可以在自己的条件下执行。将样式保存在单独的css文件中更好，因为可以使用内联样式。该问题缺乏完整的解决方案，实现这一点有多种方法，而且没有一种方法是不可行的。您必须更加习惯于反应模式，并且必须能够识别反模式