reactjs - React 中的样式化组件，找到对应的组件

Question

样式化的组件很新，我很喜欢。但是，在构建 React 应用程序时，我当然会在 DOM 中获得很多元素。有时我会看到需要改变的风格。但是因为标签是这样的：

<div class="kOs1nAz">content</div>

我很难找到这个标签属于哪个组件。

在组件中调试/查找这些样式的最佳方法是什么？也许有办法在类名前面加上组件名称或类似的东西？

标签： reactjsstyled-components

Answer 1

在您的 webpack 配置 - babel 插件中，您必须设置displayName为true：

['babel-plugin-styled-components', { displayName: true }]

类名不会被缩短。