MUI-更改主题中的按钮文本颜色
在MUI主题中直接更改按钮文本颜色时遇到问题。更改原色+按钮字体大小可以很好地工作，所以问题不在于传递主题。以下是我的代码： import React from 'react'; import { MuiThemeProvider, createMuiTheme } from 'material-ui/styles'; import { lightBlue } from 'material-
..
material-ui相关内容
获取菜单项物料界面取值
我使用Material UI表示菜单和菜单项。 我正在尝试获取菜单项的值，但不起作用。 这是我的代码：
..
材质UI：从TextView中删除向上/向下箭头刻度盘
我在物料UI中有此TextView：
..
如何在Material-UI中使用或开始使用.heme.Mixins.Toolbar？
我在Material-UI文档中找不到.heme.Mixins.Toolbar的任何文档。这是做什么用的？如何更改或使用它？ 推荐答案 它只是将最小高度添加到元素。例如，当您将AppBar与下面的内容部分一起使用，并且希望在内容顶部添加间隔符以使其不会消失在AppBar下面时，此功能非常有用。 我找不到有关它的具体文档，但有在Material-UIlayout examples中
..
如何在MUI网格项目中将项目水平居中？
如何使MUIGrid项中的元素居中？下面是我的Reaction应用程序的一个片段： // Unrelated stuff here // How do I centre these items?
..
找不到模块：无法解析'；@date-io/date-fns'；
我正在使用React Material UI，我收到此错误：找不到模块：无法解析‘@date-io/date-fns’。 以下是我的Package.json文件中的依赖项： "dependencies": { "@date-io/date-fns": "^2.0.0", "@material-ui/core": "^4.9.5", "@material-ui/p
..
如何为Material UI Reaction添加RTL支持
我正在构建一个LTR应用程序，我想添加RTL支持。 该应用程序基于材料UI反应。 我可以将应用程序旋转到RTL，因为我使用的是CSS Flex Box，只需在正文中添加dir=“rtl”即可。我还在主题中添加了direction=“rtl”，正如前面提到的here。 但是，并非所有内容都已更改。 以此为例： 正如您在这里看到的，我在文本元素中留下了填充。 在RTL版本中，由于所有内容都
..
材质-UI栅格内的居中组件
我想使用相同的卡片并使其居中对齐，我搜索并尝试了一些解决方案，但所有解决方案都只对齐组件网格，而不对齐组件内容本身(我需要它们与边框和自身的距离相等)。 我正在使用此代码(https://codesandbox.io/embed/32o8j4wy2q)：
..
如何创建具有透明背景色的MUI对话框？
我正在尝试使用MUI创建加载状态指示器。但我希望对话框的背景色为none，并希望调整高度。但是我不能用他们提供的款式选项来做这件事。有解决方案吗？ Now it looks like this.. 代码如下：
..
是否可以在不破坏布局的情况下在ButtonGroup内禁用的MUI按钮上呈现工具提示？
我正在尝试使用禁用的按钮和工具提示创建MUIButtonGroup。 以下代码挡路正确显示了按钮，但是如此处所述(https://material-ui.com/components/tooltips/#disabled-elements)禁用的元素不能提供工具提示。
..
覆盖材料UI按钮文本
材质UI按钮将按钮内的文本默认为大写。我希望用按钮覆盖文本，使其与我键入的按钮相同，并且不是大写。 我已尝试使用textTransform-None覆盖样式 viewButton: { backgroundColor: "#00D2BC", radius: "3px", color: "#FFFFFF", texttransform: "none" }
..
MUI-如何以强制/编程方式打开对话框
通常这是您使用MUI的方式Dialog。以下代码摘自文档： export default function AlertDialog() { const [open, setOpen] = React.useState(false); const handleClickOpen = () => setOpen(true); const handleClose = () => set
..
Reaction-Hook-Form：使用onBlur模式时验证不起作用
当用户选择5个以上的复选框但未成功时，我尝试使用yup和react-hook-form显示错误。 相反，选中第七个复选框时会显示错误。 以下是简化代码： imports... const schema = yup.object().shape({ option: yup.array().max(5) }); function App() { const { regist
..
MUI：避免排版组件之间的换行
我希望将两个不同的排版标签应用于我的文本，但我不希望中间有换行符。 这是我拥有的： Project: Example
..
设置MUI Select的DropDown元素的样式
我正在尝试自定义MUISelect组件的下拉元素的设计(边框、半径边框)。 MUI文档提到了覆盖各种子组件并设置其样式的各种属性，但没有提到下拉列表本身的属性。其原因可能是下拉列表呈现在根组件之外，位置是相对于页面的绝对位置。 您知道如何设置下拉菜单的样式吗？ 以下是组件当前状态的屏幕截图： 我能够自定义MUISelect组件的输入元素的设计 推荐答案 对于Mater
..
Material-UI自动完成警告提供给自动完成的值无效
我正在使用Reaction和Material-UI。当我尝试提交表单时，我才意识到AutoComplete组件出现了警告，所以我尝试执行一些非常基本的操作，就像文档中那样： let Form = props => { return(
..
隐藏滚动条，但在react.js中保留滚动功能
我尝试了普通HTML、JS和CSS的所有方法，但它似乎不起作用，当它没有响应时(例如，当我缩小屏幕时，它会隐藏，但如果最大化，它就会显示出来) 请在Material-UI和Reactjs中解决此问题 有没有办法让它也兼容各种浏览器？ css 这对我很有效，我创建了一个外部推荐答案文件，就像纯HTML和css一样，然后将其链接到Reaction文件。也是跨平台的。 .p
..
如何向MUI数据网格中的每一行添加按钮
我不能将按钮添加到MUI的每一行DataGrid。 我有一个MUIDataGrid，我呈现如下： 我已将按钮应该位于的位置添加到Columns变量“Actions”列中。行只是我从道具中得到的一个数据对象。如何将按钮添加到每行(用于编辑该行)
..
在Formik中使用Material-UI的自动完成组件
当前正在尝试将Material UI的Autocomplete组件与Formik一起使用。到目前为止，像文本字段和从Material-UI中选择的传统内容在Formik上运行得很好。实现自动完成并非如此。Formik的onChange处理程序似乎没有更新Mycity_id的值。我知道自动完成功能仍然不是Material-UI核心库的一部分，但目前仍在观察是否有可能实现这样的功能。 impor
..
长方体和栅格在Material-UI上有什么不同？
Box和Grid在Material-UI中有什么区别 何时使用每一个 我被那个搞糊涂了 推荐答案 简而言之： Box是div更强大、更方便、更有潜力的替代品。您可以将其更改为任何HTML元素(例如span)，但大多数情况下您会将其用作div替换。 Grid是Grid Layout的句法糖分。
..