material-ui CSS 已应用，但在 DOM 中找不到

Question

我正在使用 material-ui Box 组件，我发现该组件的样式已正确附加（它们显示在 chrome devtools 中），但它们不在 DOM 中的任何位置。

示例链接：https://codesandbox.io/s/material-demo-0eyld

步骤：

1. 打开开发工具
2. 选择第一个 Box div 元素
3. 单击样式，以便它们将您链接到 DOM 中的相应类
4. 您将被链接到空样式标签。

Google chrome 以灰色背景显示这些样式，因此它们看起来像附加的代理样式表类。这让我更加困惑。

这怎么可能？尽管我没有发现任何特别的东西，但我已经浏览了 material-ui 存储库代码。有人见过类似的吗？

Answer 1

我找到了答案here，material-ui Box 组件正在开发模式下使用此 API，因此存在 DOM 中缺少样式的问题。