material-ui相关内容
我正在尝试通过使用map的索引来设置动态表单的默认值,以下是代码片段: handleSubmitForm(data)} // validationSchema={valida
..
我正在尝试使用材料UI切换按钮,有点像单选按钮,为用户提供对给定问题的两个选择。 它基本上可以正常工作,但当尝试调整每个切换按钮被选中时的样式时,我无法更改切换按钮的背景颜色。我在ToggleButton组件上使用了CLASS属性,并在该属性中使用了";SELECTED&QOOT;规则。 某些css属性(如pding&;boxShadow)可以正常工作,但其他属性(包括背景颜色)则
..
有一个元素,我要给它一个类success。但是Reaction-MUI在DOM上附加了一个文本,比如说,类似于mui-AbcXYZ-success。所以当我这样做的时候 expect( getByTestId('thirdCheck')).toHaveClass("success") 我无法通过此测试,因为它需要完整的名称mui-AbcXYZ-success。只有当我提供准确的名称(使
..
我正在使用MUI库创建我的React Js应用。 在这里,我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢?解决方案是什么? 这里是代码和操场:https://codesandbox.io/s/mui-autoco
..
我创建了一个Next.js应用程序,它使用Material-UI和@Reaction-Three/Fibre库。 我最近将Material-UI传递给V5,出现错误。 以下是错误: 我搜索了所有内容以将其删除,但什么也没有找到。 所以我尝试使用Material-UIV5创建一个新项目,并逐个安装其他依赖项。在开始时未显示错误,但在安装@react-three/fiber和@re
..
已尝试将工具提示转换为依赖于onClick事件的受控组件 这在移动和网络上运行得很好,但它失去了在悬停时显示工具提示的原始行为 是否有解决方案可以使工具提示在鼠标悬停和点击时均可使用 推荐答案 因此,我们最终需要一个在悬停和单击时都可以使用的工具提示。 默认材料-用户界面工具提示在Web和移动设备上都运行良好。
..
我们的一些用户在提交表单时收到这些错误(getReadModeConfig、getReadModeRender、getReadModeExtract)。我们正在使用Reaction与材料的用户界面的形式。不知道这些错误到底是什么意思。如有任何帮助,将不胜感激 推荐答案 我也从09/25左右开始多次看到报告此错误,UA字符串始终是HeyTap浏览器。我同意丹·斯诺珀在上面的评论中所说的:
..
我正在使用代码从反应原生向量图标导入图标: import Icon from 'react-native-vector-icons/MaterialIcons'; 它似乎连接正确。 我用来获取图标的代码是:
..
我对Reaction和MUI还不熟悉,但我必须编写一个具有良好样式的企业应用程序。我想为我的应用程序使用某种全局样式(以便以后能够更改它 )使用Reaction中的功能组件(可能稍后我会添加redux)。 使用Reaction和Material(最新版本)的全局样式的最佳实践方法是什么? 这个(ThemeProvider):https://material-ui.com/styles/
..
我使用了Reaction Material-UI中的TextField。我想知道用户是否按了Ctrl+Enter。我已尝试使用onKeyPress事件,但没有结果。我如何实现这一点?
..
如何简单设置MUI的背景色Drawer? 已尝试此操作,但不起作用 this.setState({menuOpened})} /> const listStyle3
..
当我尝试运行此代码时,出现以下错误: ×TypeError:无法读取未定义的属性(读取‘map’) 我不知道为什么。我已经尝试了可能的方法,但没有奏效。 import React from 'react'; import Grid from '@material-ui/core/Grid'; import Product from './Product/
..
我正在使用@material-ui/core在我的Reaction应用程序中处理主题,但由于某些原因,某些样式未被应用。 这是我的sandboxWill的完整代码(下面是相关代码片段)。 我按照物料界面文档中的example操作,但似乎不起作用。 有趣的是,文本确实居中对齐(这是我在样式中指定的),但背景颜色保持默认的#fafafa,而不是我的主题中指定的#424242。所以我猜
..
我这里有一个CircularLoader使用材料用户界面。 我唯一的问题是,如果变量是indeterminate,则按原样显示加载器,而如果是determinate,则按原样显示加载器中的百分比和文本。 Codesandbox:CLICK HERE const CircularLoader = (props) => { const { height = "auto",
..
我无法理解如何在MUI中对齐项目。我有以下代码: class SignUpForm extends React.Component { render() { return ( Sign Up
..
我正在使用带有Reaction功能组件的Material-UI,并使用它的AutoComplete组件。我自定义了它,每当我更改输入字段中的文本时,我都希望该组件呈现新的搜索结果。 callAPI("xyz") 我在操作中调用API,并使用xyz参数从此函数组件调用调度方法。 这里的问题是,当组件进行调用时,它应该等待API响应,然后呈现结果,但它得到了一个未解析的承诺,因此它呈现
..
我在试用Material-UI,所以我创建了两个主题: const darkTheme = createMuiTheme({ palette: { type: "dark" } }); const lightTheme = createMuiTheme({ palette: { type: "light" } }); 但当我使用Typography组件时
..
使用@Material-UI/core V4(准确地说是4.12.3),我使用webpack和巴别塔成功地创建了一个定制元素。我过去常常使用@Material-UI/core Make Styles来设计它的样式。现在我正在升级到@Mui/Material v5,并希望使用来自@Mui/Material的内置组件,但它们不会在定制元素中显示为样式。 请注意,我需要这是一个自定义元素,因为它将集成到
..
我已经成功地生成了随机颜色。问题是,我还想为相同orderNumber的背景色指定相同的随机颜色。我该怎么做? 请检查我的代码和方框 CLICK HERE const newColorFind = () => { for (let x = 0; x
..
我一直在试图找出如何解决这个过载问题,但到目前为止还没有结果。我使用的是TypeScrip、Style-Components和Material-UI。我使用styled(MUIButton)在本机MUIButton的基础上构建。通过console.log,我可以看到我的道具进入了组件,但是我不知道如何设置键入,所以重载错误就消失了。 有什么想法吗? 相关文章:How to extend
..