解决react-create-app中css模块的冲突className而不弹出

Question

我如何在没有弹出的情况下解决react-create-app中的CSS className冲突的问题。 我每次都需要为应用程序的每次渲染制作唯一的className。

---

我想要的例子：

1. 第一个渲染：Header_xHtdc
2. 第二个渲染：Header_1dg5c

但是现在我不断得到相同的classNames

Answer 1

如果您使用的是最新版本的react，则可以执行以下操作：

1. 将CSS文件重命名为some.module.css（假设之前为some.css）

2. 这样导入：

   从“ ./some.module.css”导入样式；

和样式将是一个对象，其键为ids，即您在CSS文件中定义的类。

所以，如果您有这样的风格：

.parent {
 color: red;
}

您会像

一样使用它

className={styles.parent}

在您的JSX中。