问题标签 [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 投票
3 回答
7773 浏览

javascript - 具有 mui 数据表的对象数组

使用 mui-datatables 的人的问题。它将数据作为字符串数组处理,但是无法加载对象数组并出现以下错误:

bundle.js:126379 Uncaught (in promise) TypeError: e.map is not a function

0 投票
2 回答
1979 浏览

reactjs - 无法让 :hover 或任何伪类在 react + material UI 中工作

我已经让所有其他样式对象工作,但由于某种原因,伪类似乎没有呈现,或者它们抛出错误我正在使用 jss-preset-default 设置。jssTest 组件下方是我尝试过的不同组合的注释示例,以及我检查它们时它们的呈现方式。

0 投票
2 回答
610 浏览

reactjs - mui-places-autocomplete:如何订阅明文字段事件?

如演示中所述,我正在使用mui-places-autocomplete 。

这在用户选择建议时有效。但是当用户清除这个搜索框时,我们如何捕捉到这个事件呢?

在以前的类似库中,我正在使用类似的东西:handleChange但现在/与此库一起无法使用。

0 投票
1 回答
731 浏览

reactjs - MaterialUI 组件不适用于反应组件

我正在尝试在我的反应应用程序中使用 MUI 现成的组件,我正确导入了所有内容,毕竟当我运行应用程序时,浏览器中只显示元素,而不是它的样式。

0 投票
3 回答
17982 浏览

reactjs - Material-UI 主题覆盖:如何全局覆盖子样式?

我正在使用ReactJS的Material-UI 库构建一个应用程序。使用Theme Overrides API,我试图弄清楚如何全局设置组件的样式,但前提是它是另一个特定组件的子组件。

例如,我正在尝试MenuItem在菜单中设置 s的背景/文本颜色<Select>,其中每个菜单都<MenuItem>包含一个<listItemText>. 这是我的组件:

不幸的是,直接将颜色应用到 是<MenuItem>行不通的,因为它用具有自己的着色集<ListItemText>的 a 覆盖它。<Typography>这对于非悬停、非选定状态来说很好,但是如果我将“选定”MenuItem设置为具有较暗背景,我需要它具有较浅的文本。

MUI 选择下拉菜单,带有深色选定项目和深色文本

这是我的主题文件:

所以,我的问题是:有没有办法只使用主题覆盖来做到这一点?还是我需要有条件地<ListItemText>使用道具将此样式传递给组件?由于这里的大多数样式都非常适合主题覆盖,这似乎是一种更好的方法,但也许我在滥用 API。

有关我上述代码的工作演示,请参阅:https ://codesandbox.io/s/3r9mkxq231

欢迎任何见解!谢谢!

0 投票
1 回答
306 浏览

javascript - 由于显示问题,如何在 Material UI TextField 中为电子邮件字段禁用规则 .MuiInputBase-inputType-121?

我有以下 JSX:

出于某种原因,在电子邮件字段上应用了这个 css :

这仅适用于电子邮件字段,因此这是问题所在:

在此处输入图像描述

禁用此规则可恢复显示。

我应该如何.MuiInputBase-inputType-121正确配置?

0 投票
3 回答
6436 浏览

reactjs - 有没有办法禁用 Material UI 扩展面板的动画?

我想在 React 中禁用 Material UI 扩展面板的动画。如何禁用应用于扩展面板的所有动画?

尝试覆盖过渡,但没有帮助。让我知道你将如何覆盖它。

PS:如果这不可能,请告诉我任何其他轻量级扩展面板(手风琴)与样式定制一起使用。

0 投票
0 回答
537 浏览

reactjs - 使用 Material-UI JSS 和 React 将正确的项目定位为样式

我是 Material-UI 的新手,对 React 和 Web 开发也很陌生。我试图了解如何在 MUI 框架中使用 Theme、createStyles 和 JSS。

我直接从此处的文档中获取了响应式组件的代码。使用文件顶部的样式,组件按预期工作。但是,当我尝试以图标为目标来更改颜色时,没有任何东西可以渲染我选择的颜色。

这是单独文件中的 JSS: 此文件称为:.src/shared/components/AppFrame/styles.js

组件文件如下所示: .src/shared/components/AppFrame/index.js

这是当前状态的屏幕截图: 在此处输入图像描述

问题是我试图让 sideDrawer 中的图标和文本显示为白色。非常感谢任何提示、建议或资源以更好地了解样式如何与 MUI 一起使用。

0 投票
1 回答
2562 浏览

reactjs - MUI-Datatables 在表标题旁边添加一个按钮

是否可以在 MUI 数据表标题旁边添加一个按钮?

就像是:

使用上面的代码,标题为空。

我想要实现的是与此类似的东西:

在此处输入图像描述

0 投票
2 回答
803 浏览

reactjs - 带 TypeScript 的 MUIv4 升级 - 无法正确地将道具传播到 TextField

当前 Material-UI 版本:4.1.0

我在将道具传播到<TextField />我创建的抽象组件时遇到问题。

这是代码:

PasswordInput.tsx

TextField.tsx

它正在轰炸并出现以下错误:

看来...restPasswordInput 中的 应该等于 ,StandardTextFieldProps但由于某种原因,我的组件不是HTMLDivElement?

让我知道我是否可以提供更多详细信息。据我所知,这是一个错误。