material-ui相关内容

如何将唯一键添加到Reaction/MUI自动完成组件?

我正在尝试创建一个Material-UIAutocomplete组件,该组件本质上只向用户显示搜索结果。一些选项的名称将是重复的,但它们都将具有唯一的ID。几个小时以来,我一直在尝试修复以下警告,但始终无法解决。 index.js:1警告:遇到两个具有相同密钥的子项Name B。密钥应该是唯一的,以便组件在更新期间保持其标识。非唯一键可能会导致子项被重复和/或省略-该行为不受支持,在将来的版 ..
发布时间:2022-02-22 22:17:27 前端开发

梅-去掉抽屉里的覆盖物?

我正在尝试使用Drawer组件,我注意到当向抽屉提供道具open={true}时,在基础页面/div上有一个默认的灰色覆盖。 是否有经材料批准的最佳实践方法来消除暗淡?我设置道具variant={"persistent"}取得了一定的成功。这会停止调暗,但也会强制我添加一个关闭按钮来关闭抽屉。 我要找的是在其边界外单击时可以关闭的抽屉,并且在它打开时,我想让暗显消失(而不是求助于关闭抽 ..
发布时间:2022-02-22 22:15:18 其他开发

对于材质UI V.5,Make Styles的替代方案是什么

我刚刚开始使用Material UI版本5。最初为了使用我的自定义主题样式,我会使用makestyle,但似乎在V.5中不起作用。我的主题位于它们自己的组件上,要导入这些主题,我使用{createTheme}而不是旧的{createMuiTheme}。我像往常一样将主题导入父组件,并将其设置为。 现在,在 ..
发布时间:2022-02-22 22:13:46 前端开发

AppBar与其他元素重叠

我开始使用Reaction/Material-UI,也是CSS等的新手。 我有一个带有APPBar的简单页面布局。很遗憾,此AppBar与应位于其下方的元素重叠。 我找到了以下答案: AppBar Material UI questions 但这感觉完全不对。如果我的AppBar高度可变,取决于图标、显示模式等.? 我尝试创建垂直网格,将元素包装在不同的项目中,将顶部容器设置为弹 ..
发布时间:2022-02-22 22:09:00 前端开发

检索在Reaction中单击的按钮

我有几个动态生成的材料UI按钮,当用户单击其中任何一个按钮时,我想知道哪个按钮被单击了(假设获取我在下面分配的name属性的值)。 如何才能解决这个问题呢?基本上,我想检索被单击的按钮的某些属性。 以下是一些代码 { that.state.items.map(function (item) { return ( ..
发布时间:2022-02-22 22:06:15 前端开发

将道具发送到数字格式-材质UI TextField

我想创建一个TextField元素来处理数值字段。我想动态处理这个组件,这样它不仅可以帮助我管理信用卡格式、电话等。我正在以与Material-UI示例相同的方式使用REACTION-NUMBER-FORMAT库。 我试着用道具发送“前缀”和“格式”,但效果不佳。 我想知道,如果我有办法的话,我应该如何寄出那些财产。 提前感谢! function NumberFormatCustom(pro ..
发布时间:2022-02-22 22:03:46 其他开发

在MUI中设置排版文本颜色

我对MUI非常陌生,我正在尝试使用如下文本颜色设置Typography: const theme = createMuiTheme({ palette: { text:{ primary: "#FFFFFF" } } }); const WhiteText = (props: { text:string, varient: Variant | 'inhe ..
发布时间:2022-02-22 21:57:27 其他开发

在MUI主题中动态更改原色

有要求,我想给用户访问可以从列表中选择他们的原色,如蓝色,橙绿色。我已将最新的MUI用于前端。 现在我可以将浅色主题更改为深色主题,但我的要求也是更改原色。请帮助我了解如何对其进行编码。 请检查所附屏幕: 推荐答案 import React from 'react'; import { render } from 'react-dom'; import { MuiThemePr ..
发布时间:2022-02-22 21:51:53 其他开发

如何在MUI中更改活动选项卡颜色?

如何更改活动选项卡的颜色? 我的意思是,这行pink,看这张图。 推荐答案 您有两个选择: 您可以自定义主题: http://www.material-ui.com/#/customization/themes 但最简单的方法是使用inkBarStyle属性。 您可以在docs.. 中看到 示例: ..
发布时间:2022-02-22 21:45:17 其他开发

固定AppBar下的内容

可能是一个基本问题,但我在文档中找不到任何示例。使用material-ui-nextBeta.30。我有以下内容: import * as React from 'react'; import * as ReactDOM from 'react-dom'; import * as mui from 'material-ui'; import 'typeface-roboto'; funct ..
发布时间:2022-02-22 21:40:45 前端开发

材质UI基于选定的主题模式使用调色板主色

在使用Mui Reaction时,我希望使用主题的主调色板中的颜色为一些使用div制作的非物质UI自定义组件上色。 我目前可以直接使用theme.palette.primary.main或.light颜色,包括theme.palette.text.primary文本颜色。 但是如果我将主题更改为深色模式,我还必须更改颜色参考,方法是选中theme.mode,条件如下: ..
发布时间:2022-02-22 21:38:03 前端开发

Material-UI makeStyles无法读取未定义的属性';向下';

我正在使用Material-UI处理个人网站,为了使其具有响应性,我想在较小的屏幕上隐藏图像,但当我尝试使用[theme.breakpoints.down('md')]时,它总是给我错误: TypeError:无法读取未定义的属性“Down” 我是初学者,就是不明白为什么会出现这个错误。我参考了文档和其他与此类似的问题,但找不到任何解决方案。 以下是我的组件: import ..
发布时间:2022-02-22 21:35:33 前端开发

MUI-makeStyles-无法读取未定义的属性

我正在学习MUI,在课程中,讲师要求我只设计一个组件的样式,而不是整个主题的样式。 为此,它使用makeStyles函数并传播theme.mixins.toolbar。问题是,当我执行此操作时,出现以下错误: TypeError: Cannot read properties of undefined (reading 'toolbar') 本课程显然是版本4,而我使用的是版本5。 ..
发布时间:2022-02-22 21:33:12 前端开发