我怎样才能在 css-in-js Emotion 中通过自动生成的 类 名称搜索代码?
How can I, search a code by auto generated classes names in css-in-js Emotion?
在项目中,我运行使用Emotion实现了CSS-IN-JS。通常,我都是通过CSS样式的名称来查找对应组件的代码,但是由于生成的样式名称,我在项目代码中尝试从浏览器中查找元素时感到很痛苦。
实际上,问题是,我能否以某种方式为 Emotion 样式添加 "names",以便至少部分生成的名称是人类可读的?
如果不可能,分享一下你是如何在项目代码中找到你在浏览器中看到的“元素”的?
Emotion 提供了一种通过 label
属性将标签附加到 class 名称末尾的方法。您可以在 official docs.
中阅读相关信息
在项目中,我运行使用Emotion实现了CSS-IN-JS。通常,我都是通过CSS样式的名称来查找对应组件的代码,但是由于生成的样式名称,我在项目代码中尝试从浏览器中查找元素时感到很痛苦。
实际上,问题是,我能否以某种方式为 Emotion 样式添加 "names",以便至少部分生成的名称是人类可读的?
如果不可能,分享一下你是如何在项目代码中找到你在浏览器中看到的“元素”的?
Emotion 提供了一种通过 label
属性将标签附加到 class 名称末尾的方法。您可以在 official docs.