标记元素以区分
Labeling elements to differentiate
使用 devtools 时，class名称有时难以区分。
Emotion js这里有很好的解决方法：https://emotion.sh/docs/labels
基本上他们使用 css 中的 "Label" 属性 将其附加到生成的 class 名称中。
这里有一些例子：
css-a281on-some-name
css-1i3s76n-another-name
样式组件是否存在类似的东西？
我找不到。
如果没有，我会提出功能请求。
你应该试试 babel plugin for styled-components。如果组件 ABC 是在文件 SomeFile.js 中使用 styled-components 创建的，则该组件的 class 名称将类似于 SomeFile__ABC-fBdEtY JrIAq。将插件添加到您的 babel 配置中，如果您使用 webpack，则在 .babelrc 或 babel-loader 中的 options.plugins 中。
使用 devtools 时，class名称有时难以区分。
Emotion js这里有很好的解决方法：https://emotion.sh/docs/labels
基本上他们使用 css 中的 "Label" 属性 将其附加到生成的 class 名称中。
这里有一些例子：
css-a281on-some-name
css-1i3s76n-another-name
样式组件是否存在类似的东西？ 我找不到。 如果没有，我会提出功能请求。
你应该试试 babel plugin for styled-components。如果组件 ABC 是在文件 SomeFile.js 中使用 styled-components 创建的，则该组件的 class 名称将类似于 SomeFile__ABC-fBdEtY JrIAq。将插件添加到您的 babel 配置中，如果您使用 webpack，则在 .babelrc 或 babel-loader 中的 options.plugins 中。