小编Lui*_*cio的帖子

MUI v5 - 将组件名称添加到“样式化”类名称中?

我在 github 和这里做了一些搜索,但也许我做错了。

使用styledfrom@mui/material/styles生成随机类名,如下所示:

在此输入图像描述

const TitleWrapper = styled('div')`
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
`
Run Code Online (Sandbox Code Playgroud)

有时,当我们不知道渲染的组件来自哪里时,调试应用程序会变得很困难。

有一个参数可以通过propoption传递给类,该 prop 会向类添加后缀:styledlabel

在此输入图像描述

const TitleWrapper = styled('div', { label: 'TitleWrapper' })`
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
`
Run Code Online (Sandbox Code Playgroud)

是否有一种自动添加后缀来识别组件的方法?在每个组件中都这样做真的很痛苦。

reactjs material-ui

6
推荐指数
1
解决办法
1002
查看次数

标签 统计

material-ui ×1

reactjs ×1