我正在尝试创建一种简化现有界面的类型。 现有类型来自@mui/x-data-grid 。 类型是export declare type GridEnrichedColDef<R extends GridValidRowModel = any, V = any, F = V> = Grid ...
我正在尝试创建一种简化现有界面的类型。 现有类型来自@mui/x-data-grid 。 类型是export declare type GridEnrichedColDef<R extends GridValidRowModel = any, V = any, F = V> = Grid ...
我将背景色设置为粉红色到 mui 的菜单组件,这就是我单击dashboard按钮时看到的内容。 我希望这会为菜单添加背景颜色,但结果是页面的一半变成了粉红色。 如何将背景颜色应用到菜单? ...
我正在努力实现搜索栏(MUI 自动完成)的流畅 animation。 这应该只适用于智能手机(屏幕 < 600 像素)。 这是一个例子(它有很多问题,在智能手机上打开它可以看到动画): https://react-zxuspr-gjq5w8.stackblitz.io/ 这是我的实现,但我有一 ...
这个赏金已经结束了。 此问题的答案有资格获得+300声望赏金。 赏金宽限期在14 小时后结束。 Renaud is Not Bill Gates想让更多人关注这个问题。 我正在尝试使用 MUI RangePickers 构建 DateRangePicker,但我不知道如何使用一个唯一的日历来 s ...
使用一些遗留代码,其中 MUI 菜单已在使用 TypeScript 编写的 React 组件中定义,如下所示: 不确定我是否理解语法open={Boolean(anchor)}的含义或目的。 如果有人能解释一下,那就太好了。 ...
我将MUI Menu与一些MenuItem一起使用。 但我不断收到错误消息: MUI: The Menu component doesn't accept a Fragment as a child. Consider providing an array instead. MUI: The Men ...
我有一个简单的mui Menu ,其中一个MenuItem应该呈现另一个React组件。 问题是我的Menu在另一个文件中呈现,其中定义了close和handleClick函数。 问题:该组件不会在 MenuItem 单击时呈现。 好像是因为setAnchor(null); 在App组件中,始终将锚 ...
这是试图实现上述目标的代码。 但是问题是<HighlightOffTwoTone />图标上的附加方框: 如何摆脱<HighlightOffTwoTone />上的方框背景? ...
我有一个带有 ListItemIcon 和 ListItemText 的 Select。 选择 select 时会出现换行符。 我发现了几种避免这种行为的技巧,但我想知道正确的方法。 前后代码沙盒: https://codesandbox.io/s/select-icon-test-6jbseg?f ...
由于我想在 GridHeader 中添加选择后的操作,因此我按照教程尝试将它们放在一起: https://mui.com/x/react-data-grid/selection/#controlled-selection https://mui.com/x/react-data-grid/col ...
是否可以从 MUI 调色板 (MUI v5) 中排除某些颜色类型? 比方说,我想排除背景和错误 colors,并且我希望只能使用自定义主题文件中声明的 colors。 我试过never但它没有解决我的问题 ...
使用启用了experimentalFeatures={{ newEditingApi: true }}的 Mui Datagrid v5。 我的用例相当简单,但我无法从文档中弄清楚。 给定一个包含一列的表格,我正在尝试更新用户编辑的单元格下方的所有单元格。 初始渲染: ID 数量 1个 50 2 ...
我正在使用材质 ui 网格,我想创建一个具有指定高度(例如 200 像素)的网格容器,该容器具有全宽项目。 我希望物品从顶部填充容器,并且我希望剩余空间仅位于容器底部。 我想要的是: 我得到什么: 我的代码: 你能帮我修一下吗? ...
如果我购买了 1 年的 datagridpro 组件,包含该组件的产品是否只能使用 1 年? 或者我必须每年购买才能使产品始终可用? 谢谢 ...
赏金将在 6 天后到期。 此问题的答案有资格获得+50声望赏金。 Ankur Akvaliya想提请更多人关注这个问题。 我正在尝试创建可在 React 应用程序中使用的简单 React package。 我正在使用这些主要库:React(18.2.0)、Webpack(5.4.0)、mui/m ...
我正在尝试创建一个旋转的 svg 的 animation 作为加载程序,在线查看我已经看到一些使用 Styled 组件执行此操作的示例,该组件已被弃用。 想知道你们是否有建议? 我尝试向我的 SX 添加一个“@keyframes spin”属性,但它没有做任何事情,IE: 我尝试用 MUI v5 ...
我创建了一个由 CircularProgressBar 组成的表格,当我将鼠标悬停在 tr 上时,CircularProgressBar 的背景颜色必须从橙色变为深蓝色,但我没有改变。 此外,当 tableRow 悬停时,progressBar 会隐藏,只保留百分比数字。 仅使用材质 ui@5 我试 ...
在 MUIv5 中,文本字段的默认变体似乎已经改变,因此新变体在编辑模式下打破了输入字段中的样式并且周围有填充和边距,这占用了太多空间。 尝试覆盖 css,但这不是我想要的。 我想覆盖那些输入字段的变体。 ...
在 MUI RTL 方向使用边距或其他间距时出现问题。 例如,当使用marginRight={'40px'}时,margin Left 用于检查元素margin-left: 40px 我在 mui rtl 方向使用边距或其他间距时遇到问题。 包.json 主.jsx 应用程序.jsx 主题.js ...
我正在实施 Preact 应用程序并想使用 MUI。 一切似乎都在 VSCode 中被适当地引用,但是当我尝试在浏览器上访问它时,没有任何东西被渲染并且弹出这个控制台错误: 我试过在 webpack 和 tsconfig 上乱搞,但老实说,除非我能在网上找到它,否则我只是猜测,而且看起来其他人都没 ...