material ui: 查找哪个组件创建了这个标签

Question

我想找到哪个 React.Component 创建了这个标签：

我使用styled组件：

import { styled } from '@mui/material/styles';

const Tabs = styled('div')(({theme})=>({
  display: 'flex',
  flexDirection: 'column',
}));

Answer 1

您可以在您的组件中添加一个 label 属性以便更容易找到 DOM-tree:

中的元素

const Tabs = styled('div')(({theme})=>({
  label: 'test,
  display: 'flex',
  flexDirection: 'column',
}));

之后，元素的 class 将获得一个后缀，它看起来像：

<div class="css-w35fh1-test">

这个属性来自emotion。

material ui: find which component create this tag