问题标签 [react-material]

我正在尝试基于此示例构建一个基于 Redux 的通知器： https ://material-ui.com/components/snackbars/#CustomizedSnackbars.tsx

这就是我想出的：

当某些东西被推送到通知 redux 状态时（如果我理解正确，这个组件正在重新渲染）并且我收到以下错误：

我不知道我做得很好。

我想为 TextInput 实现以下 UI。它的末尾应该有一个固定的文本以及一个可以提供输入的占位符。

注意：固定文本不应该是可编辑的。

最近 Material UI 开发了“警报”组件。

一切都很好，除了我看不到改变图标大小的方法。

这是我的代码：

图标由“严重性”定义，我该如何更改它的大小？我不想覆盖图标，只需将其大小更改为更大。

我需要在我的 React Material UI 主题中使用 Noto Sans 阿拉伯字体。主题运行良好，覆盖也运行良好。

我已经尝试过 React Material UI 文档来导入我的字体，就像在 react-material 文档中一样，但它不起作用：

我希望字体将被导入并工作。

我有任何错误，可以看到 font-family: Noto Sans Arabic；在我的浏览器中。但它不起作用

我有一个包含 Material React Table 的 DataTable 组件。我将列和行数据作为道具传递给 DataTable 组件。我现在想添加一个具有编辑和删除等选项的操作列。我被困在这里。我在下面提供我的代码，请提供解决方案

还有我的 DataTable 组件文件

如何将处理程序添加到编辑按钮并传递列数据，以便我可以处理父组件的事件

我有自己的主题，我可以很好地主题化。现在我有三种不同风格的材质 UI 选项卡。这就是为什么我需要使用 makeStyles 更改样式。

这是我需要更改的选项卡示例

选项卡内的元素有这样的类：

我尝试以与相同的方式编辑样式

就我而言：

但它不适用于 makeStyles

那么如何使用 makeStyles() 编辑选项卡内的按钮，这可能吗？或者请帮我解决

我真的很困惑 -这个使用 React MaterialUI 的示例说我可以将它用于 Snackbar：

但@materialui/core不导出Alert或AlertTitle组件：

这是关于 Alert / AlertTitle 的链接 - 但我无法弄清楚如何导入这些组件:(

https://material-ui.com/components/alert/

我不是 React 专家，因此我有一个问题要问你 - 如何从以下位置调用我的弹出窗口：

常量.js

我的弹出窗口是 --><FormDialog/>基于反应材料。

是否可以在这个地方调用弹出窗口？

我有一个带有一些列的反应材料表。最后一列包含 2 个按钮，其中一个是“删除”（行）。在这里，我想调用我的弹出窗口。也许我应该重建我的结构？

更新

下面是我的弹出窗口 - 我想知道如何从上面的地方运行这个弹出窗口：

更新 2

我更新了我的代码，考虑到您回复中的提示，见上文。我可以在我的中添加一个参数 showModal，export const actions = (productPropertyId, showModal)然后用不同的 showModal 值调用这个组件吗？不幸的是，当我点击删除按钮时，我的弹出窗口没有出现:(

我是 Material-ui 的新手。我正在尝试Autocomplete从@material-ui/labs. 我想隐藏字段标签。有人可以帮我定制相同的吗？我尝试将hiddenLabel="true"标志添加到自动完成元素，但它不起作用。下面是一个沙盒链接。 https://codesandbox.io/s/material-demo-jwmp2

我真的被我正在构建的 React Web 应用程序的问题所困扰。我正在使用 array.map() 方法来动态创建下拉列表，我发现一切都在桌面浏览器上运行良好（包括在 Chrome 开发工具的移动视图中），但在实际的移动浏览器上却没有。我真的很感激你的想法！

预期行为

我希望通常从一组对象中填充下拉列表。然后，当用户单击下拉菜单中的一个项目时，它将触发 (1) 一个函数或 (2) 到 React 应用程序另一部分的链接。请注意，我使用 react-router-dom 来处理路由。

在移动浏览器上观察到的行为

下拉列表填充正确，但当我从选项中进行选择时它们会出现故障（参见图 1）。

当下拉选择同时触发（react-router-dom 组件）并调用函数时，可以观察到此行为。在正确调用函数的有限情况下，传递了正确的参数并且函数确实正确执行。

代码片段

这是我用来生成链接列表的代码示例。它是一个简单的 React 功能组件，用作我的应用程序中所有设置页面的标题，并且该组件是React MaterializeCSS库的一部分，它似乎工作正常。：

这是我用来生成主题选项列表的代码示例，每个主题选项都调用我在应用程序的许多地方使用的 React 上下文组件中的一个函数：

非常感谢您看一下！