material-ui相关内容

材质用户界面切换按钮-选中时不能更改背景颜色

我正在尝试使用材料UI切换按钮,有点像单选按钮,为用户提供对给定问题的两个选择。 它基本上可以正常工作,但当尝试调整每个切换按钮被选中时的样式时,我无法更改切换按钮的背景颜色。我在ToggleButton组件上使用了CLASS属性,并在该属性中使用了";SELECTED&QOOT;规则。 某些css属性(如pding&;boxShadow)可以正常工作,但其他属性(包括背景颜色)则 ..
发布时间:2022-09-25 09:55:28 其他开发

如何使用';toHaveClass';匹配Jest中的子字符串?

有一个元素,我要给它一个类success。但是Reaction-MUI在DOM上附加了一个文本,比如说,类似于mui-AbcXYZ-success。所以当我这样做的时候 expect( getByTestId('thirdCheck')).toHaveClass("success") 我无法通过此测试,因为它需要完整的名称mui-AbcXYZ-success。只有当我提供准确的名称(使 ..

MUI自定义文本字段失去对状态更改的关注

我正在使用MUI库创建我的React Js应用。 在这里,我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢?解决方案是什么? 这里是代码和操场:https://codesandbox.io/s/mui-autoco ..
发布时间:2022-08-18 11:20:30 前端开发

TS表达式生成的联合类型太复杂,无法用Material-UI和@Reaction-Three/Fibre表示

我创建了一个Next.js应用程序,它使用Material-UI和@Reaction-Three/Fibre库。 我最近将Material-UI传递给V5,出现错误。 以下是错误: 我搜索了所有内容以将其删除,但什么也没有找到。 所以我尝试使用Material-UIV5创建一个新项目,并逐个安装其他依赖项。在开始时未显示错误,但在安装@react-three/fiber和@re ..

材料用户界面工具提示在移动设备上不起作用

已尝试将工具提示转换为依赖于onClick事件的受控组件 这在移动和网络上运行得很好,但它失去了在悬停时显示工具提示的原始行为 是否有解决方案可以使工具提示在鼠标悬停和点击时均可使用 推荐答案 因此,我们最终需要一个在悬停和单击时都可以使用的工具提示。 默认材料-用户界面工具提示在Web和移动设备上都运行良好。 ..
发布时间:2022-07-23 23:33:57 前端开发

这些错误意味着什么:getReadModeConfig、getReadModeRender、getReadModeExtract

我们的一些用户在提交表单时收到这些错误(getReadModeConfig、getReadModeRender、getReadModeExtract)。我们正在使用Reaction与材料的用户界面的形式。不知道这些错误到底是什么意思。如有任何帮助,将不胜感激 推荐答案 我也从09/25左右开始多次看到报告此错误,UA字符串始终是HeyTap浏览器。我同意丹·斯诺珀在上面的评论中所说的: ..
发布时间:2022-07-23 23:27:17 前端开发

使用Reaction和MUI的全局样式

我对Reaction和MUI还不熟悉,但我必须编写一个具有良好样式的企业应用程序。我想为我的应用程序使用某种全局样式(以便以后能够更改它 )使用Reaction中的功能组件(可能稍后我会添加redux)。 使用Reaction和Material(最新版本)的全局样式的最佳实践方法是什么? 这个(ThemeProvider):https://material-ui.com/styles/ ..
发布时间:2022-06-23 17:01:33 其他开发

未应用Reaction Material UI ThemeProvider

我正在使用@material-ui/core在我的Reaction应用程序中处理主题,但由于某些原因,某些样式未被应用。 这是我的sandboxWill的完整代码(下面是相关代码片段)。 我按照物料界面文档中的example操作,但似乎不起作用。 有趣的是,文本确实居中对齐(这是我在样式中指定的),但背景颜色保持默认的#fafafa,而不是我的主题中指定的#424242。所以我猜 ..
发布时间:2022-06-23 16:33:16 其他开发

在完成异步调用后呈现部分Reaction函数组件

我正在使用带有Reaction功能组件的Material-UI,并使用它的AutoComplete组件。我自定义了它,每当我更改输入字段中的文本时,我都希望该组件呈现新的搜索结果。 callAPI("xyz") 我在操作中调用API,并使用xyz参数从此函数组件调用调度方法。 这里的问题是,当组件进行调用时,它应该等待API响应,然后呈现结果,但它得到了一个未解析的承诺,因此它呈现 ..

如何为React定制元素中MUI材质v5创建插入点以在阴影DOM中安装样式

使用@Material-UI/core V4(准确地说是4.12.3),我使用webpack和巴别塔成功地创建了一个定制元素。我过去常常使用@Material-UI/core Make Styles来设计它的样式。现在我正在升级到@Mui/Material v5,并希望使用来自@Mui/Material的内置组件,但它们不会在定制元素中显示为样式。 请注意,我需要这是一个自定义元素,因为它将集成到 ..
发布时间:2022-06-23 15:47:04 其他开发

如何使用样式化组件为(MUI)Reaction组件扩展TS接口?

我一直在试图找出如何解决这个过载问题,但到目前为止还没有结果。我使用的是TypeScrip、Style-Components和Material-UI。我使用styled(MUIButton)在本机MUIButton的基础上构建。通过console.log,我可以看到我的道具进入了组件,但是我不知道如何设置键入,所以重载错误就消失了。 有什么想法吗? 相关文章:How to extend ..
发布时间:2022-04-15 10:54:36 其他开发