material-ui 相关问题

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

未捕获类型错误:使用 MUI 时无法读取 null 的属性(读取“useContext”)

为什么我在react组件中使用MUI的Grid时总是遇到这个错误 这是组件的完整代码 从“反应”导入反应; 从“@mui/mate...

回答 1 投票 0

MUI Datagrid:如何添加每行可以控制的Checkbox?

我知道添加复选框或文本字段的方法是使用 renderCell 并且它有效,我可以看到复选框: 但是,我不明白我应该如何控制每一行的复选框/

回答 2 投票 0

如何向 MUI DataGrid(专业版)表的每一行添加自定义属性?

我需要向表的每一行添加属性“data-testid”,但我不知道如何使用 MUI DataGrid Pro 来执行此操作。可以添加类名(使用 getRowClassName),但添加

回答 1 投票 0

如何为 MUI DateCalendar 设置自定义标题以使其可折叠?

我正在尝试自定义MUI的DateCalendar组件,希望在其标题中添加一个新的图标按钮,单击它时可能会折叠其内容。 比如这样: 我设法做到了一切,

回答 1 投票 0

在使用自定义工具栏时如何使用 MUI DataGrid 中的 QuickFilter 属性?

在 MUI 数据网格的文档中,它引入了一个快速过滤器属性,您可以通过在 DataGrid 组件中包含这些属性来简单地使用该属性: slot={{ 工具栏: GridToolbar }} 插槽...

回答 1 投票 0

如何更改MUI DataGridPro工具栏内部组件的颜色?

我想更改mui工具栏的内部组件颜色。例如,一旦我单击过滤器框,我就在此处添加了列,其中包含开关和其他按钮的默认颜色。但我...

回答 1 投票 0

如何在 MUI X 仪表组件中设置两组不同文本的样式

常量 currCal = 10; 常量百分比校准 = 10; 返回 ( const currCal = 10; const percentageCal = 10; return ( <div> <Gauge value={percentageCal} width={250} height={250} startAngle={0} endAngle={360} innerRadius="95%" outerRadius="100%" valueMin={0} sx={{ [`& .${gaugeClasses.valueText}`]: { fontSize: 30, transform: "translate(0px, 0px)", }, }} text={() => { return `${currCal} \n calories`; }} /> </div> ); 我正在尝试设计仪表组件的样式,使 currCal 的字体大小为 30,但“卡路里”的字体大小较小,为 20。有没有办法做到这一点?我尝试过使用 Typography 组件,但它不起作用,因为我认为文本需要字符串。 有人知道如何做到这一点吗?谢谢! 在你的例子中,如果我们检查 DOM,我们可以看到 2 个 tspan 元素,这要归功于 \n 中的 text。我们可以使用这些元素的选择器来制定如下的解决方案: sx={{ [`& .${gaugeClasses.valueText}`]: { fontSize: 30, transform: 'translate(0px, 0px)', '& tspan:last-of-type': { fontSize: 20, }, }, }} 您可以查看 this StackBlitz 以获取实时工作示例。

回答 1 投票 0

MUI 背景滚动到页面顶部

我在我的react应用程序中使用Backdrop的MUI组件,该应用程序嵌入在一个更大的网站上(我使用react Portal来选择react的根div)。 问题是应用程序上方还有更多...

回答 1 投票 0

React:Formik 表单中的 Material UI 单选按钮组重置不起作用

formik.resetForm() 正确重置值,但 Material UI 单选按钮组不会正确重置:最后选择的单选按钮保持选中状态。 如何重置单选按钮组

回答 1 投票 0

当我在 mui-datagrid 中编辑单元格时,如何升级 useState 中的总计?

这是我在网站上的第一个问题,所以我希望我能做得很好。我尝试使用 MUI datagrid 的编辑模式,但几天来我一直被一个看似非常简单的问题困扰: 我愿意

回答 1 投票 0

与MUI组件集成时,React-Hook-Form Controller应该放在哪里?

我很困惑在与 MUI CheckBox、Select 或 RadioGroup 集成时将 React-Hook-Form Controller 放置在哪里。以下面两个代码片段为例。 <

回答 1 投票 0

受控 MUI TextField 是否可以返回对象作为值?

我目前正在尝试基于 MUI TextField 构建自定义输入组件。输入能够在语言之间切换,因此您可以编辑多种语言的值。 我的问题是...

回答 1 投票 0

Material UI React 中的月份和年份选择器

有没有办法使用 Material UI 实现月份选择器和年份选择器。 在月视图中,输出应该仅是月份和年份,例如:- 2020-09

回答 3 投票 0

一些 Material 图标未在我的 Angular 项目中渲染

在我的 Angular 项目中,一些 Material 图标似乎没有渲染: 多米诺骨牌 沙漏 其他图标正常渲染。我有

回答 1 投票 0

如果我使用日期类型的 MUI 文本字段,如何更改日期格式?

我正在使用日期类型的 MUI TextField 组件来创建日历。默认日历日期格式是 MM/DD/YYYY,尽管我希望它是 DD/MM/YYYY。有没有可能改变...

回答 1 投票 0

如何在 ReactJS 中将垂直 MUI 滑块中的标签向右对齐?

我正在使用 ReactJS/TS 和 MUI (Material-UI),我需要实现一个垂直滑块,其中标签向右旋转。默认情况下,在 MUI 中,使用垂直滑块时标签位于左侧...

回答 1 投票 0

MUI 中如何重复使用 Popper 按钮

我为MUI Popper组件定制了以下代码。通过弹出窗口打开的内容现在是动态的。我怎样才能使按钮动态,以便我可以将其用于其他...

回答 1 投票 0

删除Material Ui TimePicker组件中不能被15整除的分钟值

我想删除 Material Ui TimePicker 组件中不能被 15 整除的分钟值。 我正在尝试这种方法,但这不起作用 const shouldDisableTime = (timeValue) => { c...

回答 1 投票 0

如何在mui表头中制作带有边框半径的可见边框渐变?

我正在尝试制作一个带有可见边框的边界半径的线性渐变背景。我尝试了多种方法,但从昨天开始就陷入困境。 我把我的示例代码放在这里 https://codesandbox.io/p/

回答 1 投票 0

如何将 OutlinedTextField 和 FilledIconButton 在行中垂直居中?

我有一个 OutlinedTextField,其旁边有一个 Row 的 FilledIconButton。我将行上的verticalAlignment设置为Alignment.CenterVertically,但按钮稍微向顶部偏移。当我...

回答 1 投票 0

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