我正在使用create-react-app
,并尝试找到一种“高效”的方法来将样式表应用于特定的页面。
我的src
文件夹结构大致如下:
| pages
| - About
| - - index.js
| - - styles.css
| - Home
| - - index.js
| - - styles.css
| index.js
| index.css
在每个index.js
文件中,我使用import './style.css'
。然而,我发现当我从一个页面导航到另一个页面时,目标页面应用了起始页面的样式,就好像它们被缓存了一样,而目标页面的样式则没有被遵循。
我只是想知道是否我误解了如何在React中应用特定页面的样式。我应该制作完全独立的组件,其中包括样式吗?
我正在考虑将它们内联应用,但我意识到在使用JS样式时有局限性。