material-ui 相关问题

实施Google Material Design的React组件。 http://material-ui.com

如何覆盖主题中的 mui 嵌套组件样式?

我创建了一个带有可编辑单元格的 mui DataGrid。在编辑模式下,输入的填充默认为 0 16px,如 mui 生成的样式所示: .css-jqsvr8-MuiInputBase-root-MuiDataGrid-editInp...

回答 2 投票 0

将文本环绕在图标周围

我正在尝试创建一个布局,其中图标浮动到某些文本的左侧,类似于图像在文本块中的对齐方式。我希望文本环绕图标,当它溢出时...

回答 1 投票 0

如何使用@react-testing-library测试@mui/x-date-pickers

我尝试使用 DatePicker 组件为我的表单编写一个测试。我在最新版本 6.2.0 中使用@mui/x-date-pickers。 当我运行下面的测试时,我收到消息: “测试库元素呃...

回答 1 投票 0

滚动时,MUI 选择框的视口高度和视口宽度保持在完全相同的位置

当我单击 MUI 时,选择框(下拉菜单)在滚动时在视口高度和视口宽度方面保持在完全相同的位置,而它应该始终位于...

回答 1 投票 0

如何降低Mui Line Chart yLabel值的差距

我希望图表与设计中的外观相同。但左边的值没有收到我给的值。 真实设计: 错误设计: 导入 React, { useState } from "r...

回答 1 投票 0

React MUI 数据网格:如何获取 React-Context 当前行的索引

上下文 在我的应用程序中,有一个 MUI 数据网格。每行中有 3 个自定义组件:RowSlider、RowDate 和 RowLock 实现 MUI 组件 Slider、Date Picker 和 Button

回答 1 投票 0

更新到 7.2.0 后,MUI x-data-grid 不考虑垂直单元格对齐

我刚刚将我的 MUI 应用程序更新到最新版本的 npm 软件包。这包括将 x-data-grid 从 5.17.9 升级到 7.2.0。 在我的应用程序中,我使用网格,其中一些列使用 rend 填充...

回答 1 投票 0

如何增加 Flutter 中 Switch 的拇指大小

我希望以下拇指大小与给定图像匹配。 非活动开关示例 有源开关示例 但开关在活动和非活动模式下看起来是这样的。 这就是我的代码的样子

回答 1 投票 0

垂直条形图标签 MUI X 条形图

在此输入图像描述 如何在 Material Ui Charts Barchart 中实现类似的功能, 在此输入图像描述 它隐藏了其他标签,是的,如果我放大宽度就可以看到,但是我...

回答 1 投票 0

如何解决 React Jest 测试中的 getByRole 和 getByTestId 问题

当前正在尝试使用 getByRole 和 getByTestId 获取 Jest 测试中选择组件的值 选择组件文件中的元素

回答 0 投票 0

我应该只使用 MUI 组件还是将 html 标签与 mui 组件混合使用

如果我在 MUI 组件中使用一些 html 标签可以吗?或者我应该在页面中只使用 MUI 组件,什么是性能的最佳选择 还有其他比 M 更好的库吗...

回答 1 投票 0

如何禁用MUI组件上的选择框边框

我想禁用选择框上的边框并更改标签文本的颜色 当 onfocus 和 onblur 时 我已经尝试过,但无法禁用它 我对 Mui 组件不太了解

回答 2 投票 0

将内容向左移动 Material UI

有人遇到过 Material UI 下拉选择和模态将内容向左移动的问题吗?我试图给它位置:绝对我也尝试给菜单项位置:绝对但是

回答 4 投票 0

MUI:扩展颜色问题

这是我的颜色: 从“@mui/material/styles”导入{PaletteOptions}; 导出常量调色板:PaletteOptions = { 基本的: { 50:“#FFF5FA”, 100:“#FFEBF5...

回答 1 投票 0

React Material UI - DataGrid onRowClick

我对 React 和 Material UI 完全陌生。我已经按照 YouTube 的步骤创建了 DataGrid,但现在我想再创建一个函数,当我单击 DataGrid 的一行时,界面...

回答 2 投票 0

material-ui:需要帮助隐藏 <Select>

我正在使用material-ui 中的Select 组件。在material-ui的文档中,据说您可以使用标签sx={{ ... }}覆盖组件中的CSS。我需要设计

回答 2 投票 0

获取材料反应表行中几列的列总和/总计,例如收入部分的总收入和扣除部分的总扣除

我正在准备员工工资表,其中有如下列。 [实际表,即material-react-table] https://i.stack.imgur.com/zVbnD.png) 常量列 = useMemo( () => [ ...

回答 1 投票 0

单击“ctrl + a”&&“退格/删除”时,TextField MUI 未检测到值的变化

这是问题的链接: https://codesandbox.io/s/bold-hooks-ddce6c?file=/src/App.js 当我按退格键删除每个字符时,文本字段会检测到值的变化,但是当我选择全部时

回答 2 投票 0

Vite:RefreshRuntime.injectIntoGlobalHook 不是一个函数

我们有 CRA React 应用程序,我们从 webpack 迁移到 Vite。 问题: 当我使用生产模式在本地运行应用程序时,出现以下错误: 1. 未捕获的类型错误:RefreshRuntime.injectIntoGlobalHook ...

回答 1 投票 0

MUI 行网格与列网格

从'react'导入*作为React; 从 '@mui/material/styles' 导入 { styled } ; 从 '@mui/material/Box' 导入 Box; 从“@mui/material/Paper”导入纸张; 从“@mui/material/Grid”导入网格; ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.