问题标签 [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.
javascript - 具有 mui 数据表的对象数组
使用 mui-datatables 的人的问题。它将数据作为字符串数组处理,但是无法加载对象数组并出现以下错误:
bundle.js:126379 Uncaught (in promise) TypeError: e.map is not a function
reactjs - 无法让 :hover 或任何伪类在 react + material UI 中工作
我已经让所有其他样式对象工作,但由于某种原因,伪类似乎没有呈现,或者它们抛出错误我正在使用 jss-preset-default 设置。jssTest 组件下方是我尝试过的不同组合的注释示例,以及我检查它们时它们的呈现方式。
reactjs - mui-places-autocomplete:如何订阅明文字段事件?
如演示中所述,我正在使用mui-places-autocomplete 。
这在用户选择建议时有效。但是当用户清除这个搜索框时,我们如何捕捉到这个事件呢?
在以前的类似库中,我正在使用类似的东西:handleChange
但现在/与此库一起无法使用。
reactjs - MaterialUI 组件不适用于反应组件
我正在尝试在我的反应应用程序中使用 MUI 现成的组件,我正确导入了所有内容,毕竟当我运行应用程序时,浏览器中只显示元素,而不是它的样式。
reactjs - Material-UI 主题覆盖:如何全局覆盖子样式?
我正在使用ReactJS的Material-UI 库构建一个应用程序。使用Theme Overrides API,我试图弄清楚如何全局设置组件的样式,但前提是它是另一个特定组件的子组件。
例如,我正在尝试MenuItem
在菜单中设置 s的背景/文本颜色<Select>
,其中每个菜单都<MenuItem>
包含一个<listItemText>
. 这是我的组件:
不幸的是,直接将颜色应用到 是<MenuItem>
行不通的,因为它用具有自己的着色集<ListItemText>
的 a 覆盖它。<Typography>
这对于非悬停、非选定状态来说很好,但是如果我将“选定”MenuItem
设置为具有较暗背景,我需要它具有较浅的文本。
这是我的主题文件:
所以,我的问题是:有没有办法只使用主题覆盖来做到这一点?还是我需要有条件地<ListItemText>
使用道具将此样式传递给组件?由于这里的大多数样式都非常适合主题覆盖,这似乎是一种更好的方法,但也许我在滥用 API。
有关我上述代码的工作演示,请参阅:https ://codesandbox.io/s/3r9mkxq231
欢迎任何见解!谢谢!
reactjs - 有没有办法禁用 Material UI 扩展面板的动画?
我想在 React 中禁用 Material UI 扩展面板的动画。如何禁用应用于扩展面板的所有动画?
尝试覆盖过渡,但没有帮助。让我知道你将如何覆盖它。
PS:如果这不可能,请告诉我任何其他轻量级扩展面板(手风琴)与样式定制一起使用。
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 一起使用。
reactjs - 带 TypeScript 的 MUIv4 升级 - 无法正确地将道具传播到 TextField
当前 Material-UI 版本:4.1.0
我在将道具传播到<TextField />
我创建的抽象组件时遇到问题。
这是代码:
PasswordInput.tsx
TextField.tsx
它正在轰炸并出现以下错误:
看来...rest
PasswordInput 中的 应该等于 ,StandardTextFieldProps
但由于某种原因,我的组件不是HTMLDivElement
?
让我知道我是否可以提供更多详细信息。据我所知,这是一个错误。