如何在 React 中使用 CSS Modules?
在 React 中使用 CSS Modules 是一种模块化 CSS 的方式,可以避免类名冲突,并为每个组件提供独立的样式。以下是如何在 React 项目中使用 CSS Modules 的步骤:
1. 创建 React 应用
如果你还没有创建一个 React 应用,可以使用 Create React App:
npx create-react-app my-app
cd my-app
2. 创建 CSS Module 文件
在你的组件目录中,创建一个 CSS 文件,命名为 [ComponentName].module.css
。例如:
/* src/components/MyComponent.module.css */
.myComponent {
background-color<