material-ui 相关问题

Formik MUI 本地化提供程序无法与 GB 格式的 Luxon 适配器配合使用

我正在使用 MUI 本地化提供程序和 luxon 适配器，并尝试将日期转换为 GB。但是，当我希望它显示为 dd/mm/yyyy 时，它不起作用并保持 mm/dd/yyyy 格式。 普...

函数组件不能给出引用。 MUI v5 自动完成

我正在尝试在 Autocomplete MUI v5 中使用 ListboxComponent 道具的自定义组件，但我收到此错误： 函数组件不能被指定引用。尝试访问此引用将失败。迪...

Angular DatePicker 拒绝以 DD/MM/YYYY 格式显示

我的应用程序设置 进口 { MAT_MOMENT_DATE_ADAPTER_OPTIONS， MAT_MOMENT_DATE_FORMATS， 时刻日期适配器 来自 '@angular/material-moment-adapter'； 从 '@

如何覆盖 MUI 按钮，以便 color 属性仍然有效

我尝试覆盖 MUI 按钮组件，虽然更改全部一致，但颜色属性现在无法更改按钮的颜色。 继续主题 = useTheme( 成分： { ...

Material-UI：仅禁用 Chip 的操作图标

我想禁用芯片的 (x)。不是整个组件，尝试设置禁用将禁用整个组件。 我怎样才能做到这一点 ？ 基于我尝试过的 Paven 答案 进口芯片

如何在React测试库中通过拖动来调整文本区域的大小？

我需要测试Material UI的TextareaAutosize在调整大小时是否保持平滑。由于它使用 HTML 文本区域，我想使用右下角的抓取器来模拟用鼠标调整其大小...

如何为Material UI表中的每一行添加自动增量

我正在通过从 Material UI 创建一个表并从 MongoDB 获取数据来构建 Next.js 项目。如何操作表中的数据？ 我想要带有自动增量的“#”列

如何在表格材质UI中的每一列添加自动增量

我正在构建 nextjs 项目并从 Material ui 创建表并从 mongoDB 获取数据。如何操作表中的数据。我想要 # 列自动递增从 1,2,3,4,5 等开始。ev...

本地化不适用于 @mui/x-date-pickers 的 LocalizationProvider 中的“今天”按钮

我需要应用程序中 @mui/x-date-pickers 中的“今天”按钮，如其文档中所示（此处）。 本地化有问题。我正在传递“fr”适配器本地...

使用 FormArray 在 Angular 中添加排序

Angular 新手。我有一个输入类 Foo，其中有一个书籍列表，其中 Book 类具有 Id、Title 和 Description 属性。我将其显示在带有输入的表格中，以便用户可以添加、编辑或删除...

如何覆盖主题中的 mui 嵌套组件样式？

我创建了一个带有可编辑单元格的 mui DataGrid。在编辑模式下，输入的填充默认为 0 16px，如 mui 生成的样式所示： .css-jqsvr8-MuiInputBase-root-MuiDataGrid-editInp...

将文本环绕在图标周围

我正在尝试创建一个布局，其中图标浮动到某些文本的左侧，类似于图像在文本块中的对齐方式。我希望文本环绕图标，当它溢出时...

如何使用@react-testing-library测试@mui/x-date-pickers

我尝试使用 DatePicker 组件为我的表单编写一个测试。我在最新版本 6.2.0 中使用@mui/x-date-pickers。 当我运行下面的测试时，我收到消息： “测试库元素呃...

滚动时，MUI 选择框的视口高度和视口宽度保持在完全相同的位置

当我单击 MUI 时，选择框（下拉菜单）在滚动时在视口高度和视口宽度方面保持在完全相同的位置，而它应该始终位于...

如何降低Mui Line Chart yLabel值的差距

我希望图表与设计中的外观相同。但左边的值没有收到我给的值。 真实设计： 错误设计： 导入 React, { useState } from "r...

React MUI 数据网格：如何获取 React-Context 当前行的索引

上下文 在我的应用程序中，有一个 MUI 数据网格。每行中有 3 个自定义组件：RowSlider、RowDate 和 RowLock 实现 MUI 组件 Slider、Date Picker 和 Button

更新到 7.2.0 后，MUI x-data-grid 不考虑垂直单元格对齐

我刚刚将我的 MUI 应用程序更新到最新版本的 npm 软件包。这包括将 x-data-grid 从 5.17.9 升级到 7.2.0。 在我的应用程序中，我使用网格，其中一些列使用 rend 填充...

如何增加 Flutter 中 Switch 的拇指大小

我希望以下拇指大小与给定图像匹配。 非活动开关示例 有源开关示例 但开关在活动和非活动模式下看起来是这样的。 这就是我的代码的样子

垂直条形图标签 MUI X 条形图

在此输入图像描述 如何在 Material Ui Charts Barchart 中实现类似的功能， 在此输入图像描述 它隐藏了其他标签，是的，如果我放大宽度就可以看到，但是我...

如何解决 React Jest 测试中的 getByRole 和 getByTestId 问题

当前正在尝试使用 getByRole 和 getByTestId 获取 Jest 测试中选择组件的值 选择组件文件中的元素