material-ui 相关问题

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

如何让React Material UI Backdrop打开时其他组件无法访问？

当Material UI Backdrop组件正在使用时，网站中的元素仍然可见且可访问，这可以在官方演示中相当容易地看到，或者通过使用这个CodeSandbox：我

javascript reactjs typescript material-ui

回答 1 投票 0

Material UI Autocomplete RenderTags 不适用于 React Final Form mutator

<Autocomplete multiple id="tags-filled" options={tags} freeSolo onChange={handleTagChange} renderTags={(value: string[], getTagProps) => { value.map((option: string, index: number) => { // eslint-disable-next-line react/jsx-keyy <Chip variant="outlined" label={option} {...getTagProps({ index })} />; if (value !== values.metadata.keywordTags) { setValue('metadata.keywordTags', value); } }); }} renderInput={(params) => ( <TextField {...params} name={'metadata.keywordTags'} variant="outlined" label="Keyword tags (optional)" /> )} /> onChange 在数组中设置不同的标签，渲染内部的 setValue() 是一个将标签的字符串数组添加到数据中的变异器。组件在使用时，正确地将标签数组存储在数据中。唯一的问题是芯片没有显示出来我尝试过的： <Autocomplete multiple id="tags-filled" options={tags} freeSolo onChange={handleTagChange} renderTags={(value: string[], getTagProps) => value.map((option: string, index: number) => ( // eslint-disable-next-line react/jsx-key <Chip variant="outlined" label={option} {...getTagProps({ index })} /> )) } renderInput={(params) => ( <TextField {...params} name={'metadata.keywordTags'} variant="outlined" label="Keyword tags (optional)" /> )} /> 如您所见，我稍微修改了 renderTags（删除了一些大括号），并且现在芯片可以工作了。但是，只有最后一个标签被存储到数据中我假设这是因为 TextField 组件中的 name={'metadata.keywordTags'} ？我可以做什么来显示芯片并获取数据中存储的正确标签数组？在第一个版本中没有 return 语句。在第二个中，您隐式返回为一行

reactjs typescript material-ui

回答 1 投票 0

MUI图表如何突出显示特定的y轴刻度标签？

我想通过在该标签的文本周围画一个圆圈来突出显示特定的 Y 轴刻度标签。下面是我实现的条形图的代码，其中参考线为 y=2。现在，我想要

reactjs material-ui mui-x-charts

回答 1 投票 0

React MUI X Datagrid 组件：过滤不起作用

我正在使用 MUIX Datagrid，并且过滤器在 DataGrid 组件的某一列中进行过滤后不会刷新 Datagrid 数据。这是我的数据网格代码： const [dataRows] = useObserv...

reactjs typescript material-ui

回答 1 投票 0

在 Material-UI Accordion 中添加表格行数据

我必须在 Material-UI 中使用 Reactjs 创建一个表，其中填充两个带有模拟数据的手风琴和一个带有数据库数据的手风琴。我创建了一个手风琴，其桌子为...

javascript reactjs material-ui

回答 2 投票 0

我想在 Material UI 表格主体中显示两个手风琴

我正在尝试将 Material-UI 的 Accordion 组件集成到表格中以显示交易数据。具体来说，我想要两个手风琴：“待处理”和“已发布”。 id...

reactjs material-ui accordion

回答 1 投票 0

具有相关选择值的 MUI 选择值超出范围

我目前遇到了这个问题，我有一个选择字段依赖于另一个字段。 MUI：您为选择组件提供了超出范围的值“1”。考虑提供

typescript next.js select material-ui

回答 1 投票 0

在表格外单击时如何取消选择行？ [使用：Material-UI DataGrid]

我正在使用 Material-UI 表来显示我的数据，但在取消选择所选行时我陷入了困境。因此，当用户单击表外部时，应取消选择行。这是我的代码常量笑...

material-ui

回答 4 投票 0

MUI 文本字段在按一次按键后失去焦点

美好的一天，我有一些 CellItem 组件失去了焦点，但不是全部。它使用 Material UI 的 TextField 组件。包.json "@emotion/styled": "^11.13.0", “……

reactjs material-ui

回答 1 投票 0

带有 RHF 复选框的 MUI 自动完成（React Hook Form）

我正在使用 Material UI 6.1.10 和 React Hook Form 7.53.2 我正在尝试拥有一个可重复使用的自动完成字段，能够选择多个值。问题是，如果我的自动完成没有 onChange

material-ui autocomplete react-hook-form

回答 1 投票 0

Material UI 与 React 16 的兼容性为 0.2 倍

尝试从React 15.4升级到React 16.4.1（也将react-dom升级到16.4.1）后，我从路由器收到此错误消息：类型错误：_nextProps.children 不是函数在

reactjs express material-ui

回答 2 投票 0

如何使用 TailwindCSS 从 Material UI 更改 TextField 组件的文本颜色？

我正在尝试仅使用 TailwindCSS 更改 Material UI 中 TextField 组件的颜色，标签和输入文本。当前MaterialUI版本：6.1.2 当前的 TailwindCSS 版本 3.4...

material-ui frontend tailwind-css react-tsx

回答 1 投票 0

如何使用带有react-number-format的波斯数字

我用react-number-format创建了这个组件 const NumberFormatCustom = React.forwardRef(function NumberFormatCustom( 道具，参考）{ const { onChange, ...other } = 道具；返回（ ...

javascript reactjs material-ui react-number-format

回答 1 投票 0

使用 Vite 进行 MUI 自动完成：元素类型无效：需要字符串或类/函数，但得到：对象

我有这个代码： `${...

reactjs material-ui vite mui-autocomplete

回答 1 投票 0

如何对 mui-select 和 mui-datepicker 执行关闭按钮？

我想为 mui-select 和 mui-datepicker 添加一个关闭按钮。试图寻找但找不到。有谁知道该怎么做吗？

material-ui

回答 3 投票 0

MuiBreadcrumbs 和 Vite 警告：React.createElement：类型无效 - 需要一个字符串类/函数

我有这个非常简单的代码：从“@mui/material”导入{面包屑、版式}；从'@mui/material'导入{Box}；从'@mui/system'导入{useTheme}；导入 { 本地化Pr...