标记要区分的元素

Question

使用devtools时，类名有时难以区分。

Emotion js有一个很好的解决方案： https://emotion.sh/docs/labels

基本上他们使用＆＃34;标签＆＃34; css中的属性，用于将其附加到生成的类名。

这里有一些例子：

>>> import ast >>> ast.__all__ Traceback (most recent call last): File "<stdin>", line 1, in <module> AttributeError: module 'ast' has no attribute '__all__' >>>

样式组件是否存在类似的内容？ 我找不到。 如果没有，我会提出功能请求。

Answer 1

你应该试试babel plugin for styled-components。如果在ABC文件中使用styled-components创建了组件SomeFile.js，则该组件的类名称将显示为SomeFile__ABC-fBdEtY JrIAq。如果您使用babel，请将插件添加到.babelrc配置中options.plugins或babel-loader中webpack。