实施Google Material Design的React组件。 http://material-ui.com
我创建了一个带有可编辑单元格的 mui DataGrid。在编辑模式下,输入的填充默认为 0 16px,如 mui 生成的样式所示: .css-jqsvr8-MuiInputBase-root-MuiDataGrid-editInp...
我正在尝试创建一个布局,其中图标浮动到某些文本的左侧,类似于图像在文本块中的对齐方式。我希望文本环绕图标,当它溢出时...
如何使用@react-testing-library测试@mui/x-date-pickers
我尝试使用 DatePicker 组件为我的表单编写一个测试。我在最新版本 6.2.0 中使用@mui/x-date-pickers。 当我运行下面的测试时,我收到消息: “测试库元素呃...
滚动时,MUI 选择框的视口高度和视口宽度保持在完全相同的位置
当我单击 MUI 时,选择框(下拉菜单)在滚动时在视口高度和视口宽度方面保持在完全相同的位置,而它应该始终位于...
我希望图表与设计中的外观相同。但左边的值没有收到我给的值。 真实设计: 错误设计: 导入 React, { useState } from "r...
React MUI 数据网格:如何获取 React-Context 当前行的索引
上下文 在我的应用程序中,有一个 MUI 数据网格。每行中有 3 个自定义组件:RowSlider、RowDate 和 RowLock 实现 MUI 组件 Slider、Date Picker 和 Button
更新到 7.2.0 后,MUI x-data-grid 不考虑垂直单元格对齐
我刚刚将我的 MUI 应用程序更新到最新版本的 npm 软件包。这包括将 x-data-grid 从 5.17.9 升级到 7.2.0。 在我的应用程序中,我使用网格,其中一些列使用 rend 填充...
我希望以下拇指大小与给定图像匹配。 非活动开关示例 有源开关示例 但开关在活动和非活动模式下看起来是这样的。 这就是我的代码的样子
在此输入图像描述 如何在 Material Ui Charts Barchart 中实现类似的功能, 在此输入图像描述 它隐藏了其他标签,是的,如果我放大宽度就可以看到,但是我...
如何解决 React Jest 测试中的 getByRole 和 getByTestId 问题
当前正在尝试使用 getByRole 和 getByTestId 获取 Jest 测试中选择组件的值 选择组件文件中的元素
我应该只使用 MUI 组件还是将 html 标签与 mui 组件混合使用
如果我在 MUI 组件中使用一些 html 标签可以吗?或者我应该在页面中只使用 MUI 组件,什么是性能的最佳选择 还有其他比 M 更好的库吗...
我想禁用选择框上的边框并更改标签文本的颜色 当 onfocus 和 onblur 时 我已经尝试过,但无法禁用它 我对 Mui 组件不太了解
有人遇到过 Material UI 下拉选择和模态将内容向左移动的问题吗?我试图给它位置:绝对我也尝试给菜单项位置:绝对但是
这是我的颜色: 从“@mui/material/styles”导入{PaletteOptions}; 导出常量调色板:PaletteOptions = { 基本的: { 50:“#FFF5FA”, 100:“#FFEBF5...
React Material UI - DataGrid onRowClick
我对 React 和 Material UI 完全陌生。我已经按照 YouTube 的步骤创建了 DataGrid,但现在我想再创建一个函数,当我单击 DataGrid 的一行时,界面...
我正在使用material-ui 中的Select 组件。在material-ui的文档中,据说您可以使用标签sx={{ ... }}覆盖组件中的CSS。我需要设计
获取材料反应表行中几列的列总和/总计,例如收入部分的总收入和扣除部分的总扣除
我正在准备员工工资表,其中有如下列。 [实际表,即material-react-table] https://i.stack.imgur.com/zVbnD.png) 常量列 = useMemo( () => [ ...
单击“ctrl + a”&&“退格/删除”时,TextField MUI 未检测到值的变化
这是问题的链接: https://codesandbox.io/s/bold-hooks-ddce6c?file=/src/App.js 当我按退格键删除每个字符时,文本字段会检测到值的变化,但是当我选择全部时
Vite:RefreshRuntime.injectIntoGlobalHook 不是一个函数
我们有 CRA React 应用程序,我们从 webpack 迁移到 Vite。 问题: 当我使用生产模式在本地运行应用程序时,出现以下错误: 1. 未捕获的类型错误:RefreshRuntime.injectIntoGlobalHook ...
从'react'导入*作为React; 从 '@mui/material/styles' 导入 { styled } ; 从 '@mui/material/Box' 导入 Box; 从“@mui/material/Paper”导入纸张; 从“@mui/material/Grid”导入网格; ...