React组件从上一页获取css

在我正在处理的一个项目中，我有一个react组件，这个组件位于两个不同的页面上，我为这两个页面中的每个页面赋予了不同的css属性

现在，我期望的行为是：当我切换页面时，组件将加载我为该特定页面提供的css

实际发生的情况是如果我在页面之间切换，组件会保留上一页中的一些类，并弄乱我的组件。如果我手动刷新页面，它将只加载我期望的css，但是如果我只使用我的应用程序按钮在页面之间切换，而不刷新，它将执行意外行为

---

有人知道为什么会这样吗？或者我该怎么办？我尝试了许多css解决方案，但都没有奏效…

当您为任何组件导入

css

时，它会被导入整个应用程序。解决方法-更改类名并为不同的样式使用唯一的类名。它们有不同的类名，但这种情况仍然存在。然后，您可以直接针对

HTML

元素，例如在

img

或

A

标记上应用样式，而不是使用类