css - 散列后如何定位 CSS 模块类？

Question

我正在使用 React 并有一个使用 CSS 模块进行样式设置的元素，如下所示:

<div className={styles.book__title}>Title: {book.title}</div>

因为类名是散列的，所以编译后的输出是这样的:

<div class="book__title_adsfj4">Title: The Lord of the Rings</div>

我在按钮上添加了一个事件监听器，当按下该按钮时，会将“title”类添加到此元素，以便为该特定类提供额外的样式，如下所示:

<div class="book__title_adsfj4 title">Title: The Lord of the Rings</div>

有什么办法可以:

1. 将一个类附加到一个元素，并且在我的 css 文件中没有对该类进行哈希处理或
2. 向与最终编译的哈希名称完全匹配的元素添加类？

谢谢。

Answer 1

我在这里写了我找到的最好的方法 - https://github.com/css-modules/css-modules/issues/199

基本上，它只是从原始 css 文件中导入那些样式。因为这些样式的哈希值都是相同的，所以无论它们是否在不同的文件中导入，样式都会沿用。