如何在 css-in-js Emotion 中通过自动生成的类名搜索代码？

Question

在项目中，我遇到了使用 Emotion 实现的 CSS-IN-JS。通常我是通过CSS样式的名称来查找对应组件的代码，但是由于生成的样式名称，在项目代码中尝试从浏览器中查找元素时，我感到很痛苦。

实际上，问题是，我能否以某种方式为 Emotion 样式添加“名称”，以便生成的名称至少有一部分是人类可读的？

如果不可能，分享一下你是如何在项目代码中找到你在浏览器中看到的“元素”的？

Answer 1

Emotion 提供了一种通过 label 属性将标签附加到类名末尾的方法。你可以在official docs阅读它。