Javascript React router正在路由更改上附加样式表

Javascript React router正在路由更改上附加样式表,javascript,css,reactjs,react-router-dom,Javascript,Css,Reactjs,React Router Dom,我有一个应用程序,其中我有不同的路由,每个路由都有一个组件,其中导入了自己的scss文件。问题是,当我使用标记更改路由时,scss样式只是附加到标题中的样式,这会导致页面上出现样式问题,因为某些名称相似。如何使样式表不会在每次路由更改时追加 您需要用父css名称包装每个组件。 例如: 如果您有一个名为PostList的组件 然后您的css文件将如下所示。 post-list.css .职位名单{ …在这里 }一些代码可能会有帮助……这些图像有帮助吗@jdunkensh在这里显示,在html和

我有一个应用程序,其中我有不同的路由,每个路由都有一个组件,其中导入了自己的scss文件。问题是,当我使用标记更改路由时,scss样式只是附加到标题中的样式,这会导致页面上出现样式问题,因为某些名称相似。如何使样式表不会在每次路由更改时追加


您需要用父css名称包装每个组件。 例如: 如果您有一个名为PostList的组件 然后您的css文件将如下所示。 post-list.css .职位名单{ …在这里
}

一些代码可能会有帮助……这些图像有帮助吗@jdunkensh在这里显示,在html和js中处理路由都会更好。@JDunken我没有遵循?您显示的是问题的影响,而不是导致问题的代码。调用
react-router-dom
包的.js文件就是我所说的,特别是定义路由的部分。