material-ui 相关问题

实施Google Material Design的React组件。 http://material-ui.com

material-ui 表单标签位置

使用Material-ui + React制作表单。有没有办法将标签布局到输入字段的一侧?它更具可读性。 像这样: 姓名[输入] 标题[输入] 而不是 姓名 [在...

回答 2 投票 0

迁移到material-ui v4,我收到模态组件警告

自从将material-ui升级到v4后,我收到了一些Modal组件的警告。 例如 失败的 prop 类型:提供给 ForwardRef(Modal) 的 prop 子项无效。 函数组件不能被指定引用。 T...

回答 3 投票 0

更改 React MaterialUI 上的 Listitem 和 ListItemIcon 的最小宽度

我想更改ListItemIcon的minWidth: ListItemIcon 和 ListItemText 之间的空间 这是我想要实现的目标: 我想要什么 但这就是我所实现的: ListItemIcon 位于中心

回答 1 投票 0

MUI Grid2 容器不占用剩余空间

我正在尝试创建一个 React 布局,如代码沙箱项目中所示 我预计网格布局将占据该线指示的区域。 我希望左侧网格的宽度恒定为 216p...

回答 1 投票 0

React MUI 图像 src 安全性

用户给出头像和图像组件的图像URL。他们可以提供 svg、jpeg,甚至任何文件,例如 exe。如果给浏览器提供任何在线资源,是否存在安全风险

回答 1 投票 0

我想在react中的MUI V5 Table的一个单元格中添加多行

图像样本 该代码将显示下图的结果。 我希望它看起来像这个图像,只是它也必须与上面的图像组合 https://i.sstatic.net/7LL31.jpg 这是我的桌子...

回答 1 投票 0

如何使用 ReactJS MUI 使动态生成的按钮可点击?

我是 React 初学者。我正在使用 MUI 来使用组件。我正在尝试创建一个下拉菜单,其中包含按客户端名称分组的列表。这是一个例子: 鉴于我有多个对象...

回答 1 投票 0

可访问的定义列表MUI

我正在尝试使用 MUI 制作一个可访问的定义列表(键值对),以便屏幕阅读器一起阅读术语和定义。 通过这个 html 标记我得到了想要的结果。 我正在尝试使用 MUI 制作一个可访问的定义列表(键值对),以便屏幕阅读器一起阅读术语和定义。 通过这个 html 标记我得到了想要的结果。 <ul style={{ listStyle: 'none' }}> <li> <div> <span role="term">Product</span> <span role="definition">Car</span> </div> </li> <li> <span role="term">Price</span> <span role="definition">1250$</span> </li> </ul> 我不使用 dl、dt 和 dd 的原因是因为大多数屏幕阅读器不支持它们。 https://a11ysupport.io/ 当使用 MUI 时,我最终得到了这个 <List> <ListItem> <ListItemText primary="Product" secondary="Car" slotProps={{ primary: { role: 'term', }, secondary: { role: 'definition', }, }} /> </ListItem> </List> 这不起作用,需要逐字阅读,而不是作为术语/定义。添加 aria-labelledby 和 aria-describedby 不会改变行为。 两个示例在浏览器中的呈现方式完全相同。为什么使用 MUI 组件时会出现故障? 这是一个 StackBlitz 展示不同变体的链接 您说过“这两个示例在浏览器中的呈现方式完全相同”,但事实并非如此。 MUI 版本呈现此 HTML(为了清晰起见,删除了类): <ul> <li> <div> <span role="term">Product</span> <p role="definition">Car</p> </div> </li> </ul> 请注意,定义元素呈现为段落,而不是您在 HTML 示例中使用的跨度。段落是块级元素,屏幕阅读器在块级元素之前和之后中断是正常的。这就是导致中断的原因。将此段落更改为跨度将使其读起来像 HTML 示例一样。

回答 1 投票 0

MUI DateTimePicker 在 SidePanel 组件中会自行重置

我的项目中的 SidePanel 内的 DateTimePicker 遇到问题。 当尝试输入值时它会自行重置。 (创建沙箱时,它在 SidePan 之外工作过一次......

回答 1 投票 0

MUI 网格容器不占用剩余空间

我正在尝试创建一个 React 布局,如代码沙箱项目中所示 代码沙箱链接 图像布局 我期望网格的布局占据该线指示的区域。 我想要l...

回答 1 投票 0

如何保持对象与中心对齐文本对齐

有没有办法确保标题上方的突出显示栏始终与第一个单词的开头对齐。当标题的文本左对齐时它可以工作,但在这种情况下设计需要......

回答 1 投票 0

有没有办法限制输入类型 = 文件的 Material UI TextFields 仅接受 pdf?

我试图让我的输入类型=文件来限制用户只能上传pdf。 我查了一下,发现使用 Accept 属性会有所帮助。但它无法使用 Material UI 文本字段。 任何这样...

回答 3 投票 0

展开时覆盖 Material UI 扩展面板

展开时是否可以覆盖扩展面板摘要高度?更具体地说,我想删除 min-height 属性并让摘要面板的高度为 40px ins...

回答 3 投票 0

带有嵌套导航图和顶栏图标的导航抽屉

我正在尝试在撰写项目中实现导航抽屉。 我正在尝试: 有一个启动/登录屏幕,我不想显示打开抽屉的顶部栏。登录成功后,导航...

回答 1 投票 0

Drawer MUI 组件持久动画超慢(有时)||与 MUI 反应

我正在构建这个应用程序,正如您所看到的,我们有一个左侧抽屉和一个位于右侧方向的主要组件。 当我关闭那个抽屉时,主要组件会移动一点,以便...

回答 2 投票 0

Material Ui DatePicker 使用键盘输入时总是得到无效日期

我试图将 mui-x/datepicker 与佛教年份一起使用,使用 dayjs 作为适配器,当我使用日历弹出窗口作为输入时,它工作正常,但是当我使用键盘输入日期并更改

回答 1 投票 0

无法删除material-ui步进器中stepconnector和StepIcon之间的空间

嗨,我的目标是不在台阶和连接器之间留出空间。我已经尝试了一切,但仍然无法弄清楚。 默认情况下,我们在步骤图标和连接之间留有空间...

回答 2 投票 0

带有materialUI TextField表单的react-hook-form控制器会导致TypeError:使用onChange时e.target未定义

我遇到了一些有趣的事情,想寻求一些帮助。 尝试执行 onChange 时,我不断收到错误 TypeError: e.target is undefined。 我有一个与此类似的设置:

回答 3 投票 0

Material-UI Drawer:如何将抽屉放置在特定的 div 中

我正在使用Material-UI React Drawer。有没有办法可以将抽屉限制在页面的特定部分而不是占据整个窗口?我尝试给根组件一个

回答 5 投票 0

Jetpack Compose TopAppBar 嵌入搜索栏

我正在尝试实现一些我认为应该很容易的事情,但我遇到了困难。 我有一个屏幕,其中包含脚手架、顶栏和惰性列作为内容: 我正在使用带有

回答 1 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.