问题标签 [mui]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
393 浏览

reactjs - React Typescript Mui `onBlur` 触发每个更改

我正在使用 Typescript 和 React 编写前端应用程序,并且正在使用 MUI。我有以下表格代码:

使用此代码,每次我单击一个键时,onBlur都会被触发。不是只有在我离开表格时才会触发吗?

0 投票
2 回答
2853 浏览

reactjs - 如何解决提供给`ForwardRef(TextField)`的警告值`inherit`的无效道具`color`,预期为[“primary”,“secondary”]之一

我收到此警告

警告:道具类型失败:提供给的道具color值无效,应为 ["primary","secondary"] 之一。inheritForwardRef(TextField)

我尝试将颜色从继承更改为主要并更改,并且我已更改 import MuiThemeProvider from '@material-ui/core/styles/MuiThemeProvider'; “@material-ui/core/styles”导入 { ThemeProvider as MuiThemeProvider };错误仍然相同

0 投票
1 回答
932 浏览

javascript - 在material-ui网格中自定义行间距的最佳方法是什么?

在material-ui中的网格内的某些行之间有间距的最佳方法是什么?

例如,给定以下带有spacing={0}.

目标是具有间距为 0 的相同网格,但在第 2 行和第 3 行之间具有自定义间距

我试图将mt={2)GridItems 放在第 3 行,但它不起作用。我通过通过 className 属性传递的自定义类实现了该行为,但我不确定这是否是最好的方法。

干杯

0 投票
1 回答
556 浏览

javascript - 如何动态配置material-ui主题?

动态配置 material-ui 主题对象的方法是什么?

当用户单击mui文档页面上的“设置文档颜色”按钮时,就会实现该行为。

0 投票
1 回答
1496 浏览

reactjs - 如何使 Material UI ExpansionPanel 高度填充空间可用

我正在使用Material UI ExpansionPanel 组件自定义扩展面板示例)。我希望开放式面板能够填充 100% 的可用空间。

我曾尝试使用 css 为 ExpansionPanel 和 ExpansionPanelDetails 设置 root.height 和 root.minHeight,但这似乎不起作用:

这是ExpansionPanel 测试的代码框。

谢谢你的帮助

0 投票
1 回答
204 浏览

javascript - MUI 更改 Select 的 Label 的 css 和选定选项的颜色

几天来,我在MUI组件上苦苦挣扎,在 React 应用程序中构建了一个页面。

我快完成了,只是缺少两件事......

我在我的页面中使用SelectAutocomplete 。在他们两个中,我都设置 为输入标签,但是一旦选择了一个选项{shrink=false} ,我不知道如何应用(就像不是缩小而是消失 - 现在它们相互重叠 - 我不知道为什么它不是当收缩设置为假时,默认情况下像这样......)。display:none

另外,在选择组件中,当所选选项位于输入文本内时,我需要将其颜色设为白色(而不是标签 - 现在,连同它...... - 现在是黑色)。

有人可以帮助我吗?或者至少给我指出一个方向?

我正在浏览文档,但我无法找到方法。调用 handleChange 方法时我应该做些什么吗?- 就是那一刻......但是,如何改变他们的风格?

感谢任何可以帮助xxx的人

0 投票
2 回答
110 浏览

css - 嵌套网格 MUI 反应

在此处输入图像描述

我正在尝试实现下图所示的目标

到目前为止我有

但我的结果是这样的

任何人都可以为我指明正确的方向以实现以下结果?

0 投票
1 回答
559 浏览

reactjs - MaterialUI标签文本消失且无法更改或选择下拉菜单元素

我需要在不使用重要的情况下更改所选项目的背景颜色。我在github中找到了这个示例。但是我需要创建MuiThemeProvider来更改所选元素的背景颜色。(实际上我需要将其设置为transparent

当我添加MuiThemeProvider为父MenuItem标签文本消失并且用户无法选择菜单元素之一时。在控制台中出现错误。

警告:不能给函数组件提供参考。尝试访问此 ref 将失败。你的意思是使用 React.forwardRef() 吗?

theme代码

代码沙盒示例

0 投票
1 回答
84 浏览

reactjs - 无法读取 MUI Select 组件中未定义的属性“道具”

一旦<Select>组件加载,我就会收到此错误。我的代码: