React js 我如何使用 css 模块

Question

我目前在两个不同的页面上使用一个组件，一个是主页，一个是产品页面，当我更改产品页面的 css 时，当我使用组件的类时，主页也会发生变化我如何设置这个类的样式每个 css 页面的组件不同。

Answer 1

您需要将文件命名为.modules.css..

然后从组件中的 css/scss 文件导入 styles

“从'./.module.css'导入styles;” <--- 示例

“btn”是 css 中的示例 class

您可以通过以下链接了解更多信息：

https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/

Answer 2

为每个页面创建一个单独的 css 文件。

然后使用

import './Product.css';