material-ui 相关问题

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

为 MUI 日期选择器创建自定义日历标题时如何使用 date-fns 而不是 dayjs

我正在尝试为 MUI 日期选择器组件添加自定义日历标头,但在将默认的 dayjs 类型更改为 date-fns 时遇到了麻烦。 这是我的日期选择器组件和自定义...

回答 1 投票 0

在共享库中使用 MUI 的组件不使用父应用程序主题

我有两个使用 MUI 的应用程序,每个应用程序都有一个主题。我有一个单独的 npm 包,其中包含两个应用程序使用的组件。这工作正常,除了当我从 npm 包导入组件时,它不会......

回答 1 投票 0

React FlexLayout 边框栏与 dnd-kit 可排序内容导致 MUI 抽屉切换锚点

这是一个非常具体的组合,但我无法弄清楚。我在使用 MUI 抽屉的 React 应用程序中有一个 Caplin FlexLayout React Border 栏。抽屉是一个持久的迷你抽屉锚......

回答 1 投票 0

如何消除展开时的手风琴间隙?

我试图让 Accordion MUI 组件在展开模式下不移动也不将顶部和底部边距应用于某些元素。 示例如下,但它不起作用,我的

回答 3 投票 0

如何在react js中检查material ui主题的类型? (浅色或深色)

我想根据material ui主题的类型是浅色还是深色来创建某些条件 我怎样才能做到这一点?

回答 3 投票 0

如何使用 Material-UI 的自动完成功能获得“以选项为中心”的事件?

这是关于Material-UI 的自动完成。我需要一个事件来告诉我用户当前正在关注哪个自动完成选项,可以通过将鼠标悬停在选项上或使用键盘箭头...

回答 2 投票 0

在没有文本字段的情况下控制 MUI Datepicker v6 弹出窗口的位置

我正在渲染一个没有文本字段的日期选择器,并且无论我传入什么 slotProps popper 属性来定位它,它都会定位在屏幕的左上角。来自其他

回答 2 投票 0

翻译 mui 数据网格列标题

我使用 MUI Data Grid froa 表,现在我正在从事 i18n 本地化工作。我遇到了一个问题,我无法翻译列标题,因为它们是静态对象而不是反应组件。

回答 1 投票 0

带有 TypeScript MultiSelect 下拉列表的 MUI 不选择或更新值

我一直在尝试构建一个带有复选框的多选下拉列表。下拉列表正在由 API 调用填充,我正在尝试更新一组值以写回数据库。 我可以...

回答 1 投票 0

如何对屏蔽输入进行单元测试?

如何使用react-testing-library对屏蔽的输入字段进行单元测试。该组件是使用material ui 和react-hook-form 开发的。在这里您可以找到代码并使用我的系统中的示例...

回答 3 投票 0

为什么我的单元测试无法断言 ReactPWA 中的 TextField 值?

我有一个 React PWA,并且正在使用 Material UI 表单。 "@mui/icons-material": "^6.1.4", "@mui/lab": "^6.0.0-beta.12", "@mui/material": "^6.1.4&quo...

回答 1 投票 0

材质 UI <IconButton>未显示

我正在使用 Material UI,并且有以下内容: 从“material-ui/IconButton”导入 IconButton; 我正在使用Material UI,并且我有以下内容: import IconButton from 'material-ui/IconButton'; <IconButton iconClassName="muidocs-icon-custom-github" tooltip="bottom-right" tooltipPosition="bottom-right" /> 当我测试工具提示时,图标没有显示,但工具提示在悬停时显示。有人可以帮我创建一个例子吗?我是否缺少图标 URL? 这似乎是 Material-UI 文档的问题。检查此链接了解更多详情 如果你想放置 github 图标,那么你可以尝试使用 SVG 图标。看来你必须在你的index.html中包含谷歌材料图标样式表才能使其工作。 <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 一般来说,如果我们想使用 svg 图标,我会按照下面的方式进行。 import IconButton from 'material-ui/IconButton'; import Remove from 'material-ui/svg-icons/Content/remove'; <IconButton tooltip="Hide" style={{float: 'right'}} iconStyle={{marginTop: -25, color: myTheme.color}} onClick={this.removeMinus}> <Remove color=“red” /> </IconButton> 确保您的 <IconButton> 有一个图标子组件。在您的示例中,它不会在屏幕上渲染任何内容(除非您悬停),因为它没有图标引用。 我认为你的代码不正确,如果你想使用IconButton,你应该 IconButton内部有一个实例图标,代码如下: <IconButton> <DeleteIcon /> </IconButton> 我知道这可能听起来很简单:但在某些情况下,如果应用了主题,则图标默认采用白色或容器的背景色。 尝试 <IconButton> <AddCircleIcon sx={{color:"primary.main"}} /> /// try using another color in place of primary.main`enter code here` </IconButton>

回答 4 投票 0

如何将 MUI 主题从我的应用程序传播到自定义 MUI 组件的第 3 方库?

我正在创建一个自定义 MUI 组件库,该库将被多个应用程序重用。我希望组件库能够反映应用于使用该库的应用程序的主题。

回答 1 投票 0

MUI CSS 变量覆盖无法正常工作

我使用以下代码在反应库中定义了可重用的“管理”按钮 管理按钮.tsx 接口 ManageButtonProps { 尺寸?: '小' | '中等' | '大的'; 名称?:字符串; dataCy?:字符串;

回答 1 投票 0

TextField 中的额外框 type=Date |材质 UI

我已经研究了很多东西,以确保我没有看到盒子中的盒子(参见屏幕截图)。但是,无论我做什么,都无法摆脱这个盒子。 我正在使用 Material UI 版本:“@mui/material&q...

回答 1 投票 0

文本字段中的额外框类型=日期

我已经研究了很多东西,以确保我没有看到盒子中的盒子(参见屏幕截图)。但是,无论我做什么,都无法摆脱这个盒子。 我正在使用 Material UI 版本:“@mui/material&q...

回答 1 投票 0

使用 MUI Paper/Styled 时,为什么子组件会在父状态更改时重新挂载?

当子组件包装在 MUI 风格的 Paper 组件中时,每次作为 prop 传递的父状态发生更改时,它都会重新装载。 我已经创建了一个最小的工作示例

回答 1 投票 0

如何防止MaterialUI React组件向<style>标签中注入<head>标签

我最近将 MaterialUI 添加到我的 React 项目中,我看到标签中出现了一堆标签,这导致我的内容安全策略出现问题。

回答 1 投票 0

材质 UI:悬停时选择边框颜色

我可以更改 “前” 和“之后” 深色模式下边框颜色为灰色。但是,当我将鼠标悬停在“选择”字段时,它变成黑色。 我怎样才能...

回答 2 投票 0

材质 UI - 可滑动抽屉 - 允许抽屉出血交互

我正在使用 Material UI 中的 SwipeableDrawer 尝试创建一个可滑动的底部表单。 当抽屉关闭时,抽屉出血设置为85px,以创建抽屉永远无法打开的效果...

回答 2 投票 0

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