问题标签 [react-material]

我正在为我的项目中的 UI 组件使用react mui 库v3.9.3。我有一个 textarea 字段：

我已经设置了 and 的样式，fieldWrapper如下textArea所示：

但是， textarea 并没有占据fieldWrapper. 你可以在这里看到：

看起来 MuiInputBase 已经获得了父元素的完整高度。

在控制台元素检查器中，我可以看到，如果我将其更改MuiPrivateTextarea-root为具有 height 100%，那么 textarea 将占据整个高度。但是，我没有看到任何示例，我可以在代码中的何处以及如何执行此操作？

我在我的项目中使用了一个react-mui库，我想在其中实现一个组件，可以在此处MenuList的 MenuList 组合下找到。在我的应用程序中，虽然我将一个as发送到我有一个. 您可以在此处查看代码框示例。当我从这样的父组件发送一个和一个方法时：refpropchild componentmenurefsetRefprops

对于具有菜单按钮的子组件：

然后具有菜单列表的 Popper 组件在错误的位置打开，如果您单击TOGGLE MENU GROW button.

我做错了什么以及如何解决这个问题，或者我如何ref在一个stateless组件中使用我可以避免ref作为prop.

我在我的 React 应用程序上使用 RMWC 组件，我需要根据 API 调用设置应用程序的字体系列，但我无法找到实现它的方法。

我检查了这个 stackoverflow 讨论，它在应用程序加载时设置了 Roboto 以外的字体系列，但我需要它在 api 调用后设置字体系列。

Sass - 使用材料 Web 组件设置字体系列

你能建议我一些解决方案吗？

谢谢

我有三个带有用户角色的单选按钮。当我单击任何单选按钮时，它没有被选中；只有单击两次单选按钮才会被选中。

我正在将 React 与 materialUI 一起使用。

下面是我的代码，

options.roleOptions角色列表在哪里。

自定义单选按钮的代码，

提前致谢。

我学习 React Material，我想在 React Material 的每一行之间留出空间，List但我不知道该怎么做。

我阅读了材料文档，但无法弄清楚，因为我是新手

我尝试这样的事情：

使用，list-group-item因为它适用于另一个列表，但现在不起作用。

两个列表行之间没有垂直空间的图片

这是列表中的一行：

我学习 React 并遵循本教程，但即使我有相同的代码，结果也不一样。从教程中我想要一个像这样的网格：

教程中的图片

但我得到的是：

图片来自我的代码

我究竟做错了什么？我认为这是迫使卡片变大的文本，但我还没有阅读过如何限制文本（如果可能的话）

我想知道我们需要在哪些 sass 变量中给出原色/次色的浅色和深色版本。它是否使用某些mixin由材料本身自动计算？如果是这样，有没有办法为明暗赋予我们自己的颜色？

我看不到提供主要和次要颜色的浅色和深色版本的特定变量。只有@mdc-theme-primary和@mdc-theme-secondary变量可用。

这里是 gitlab 的链接

我是 reactjs 和材料 UI 的新手。我已经使用 Materia UI 自动完成https://codesandbox.io/s/material-demo-47kfg（没有 popper 或第一个）。

在这里，我想根据某些条件禁用某些国家/地区值。

就像国家是阿尔巴尼亚一样，我想禁用阿尔巴尼亚。用户应该能够选择国家，并且 popper 不应该在点击事件上关闭。

我试过这样

我已经尝试过，但没有任何效果。谁能解决这个问题

我正在尝试使用Select组件，rmwc 5.6.0但Select组件不会显示所选值。这个确切的代码适用于rmwc 3.0.11.

这就是我使用组件的方式：

当我选择一个选项时，它会做它必须做的事情，但是该Select组件将保持空白，就好像我没有选择任何东西一样，当我在它之外单击时，标签会恢复为“状态”

如何在 reactjs 材料表中加载和映射数据。我正在通过组件将对象传递给子Cards组件。当控制台日志时，我可以从父级接收对象，但它会抛出failed to compile错误。谁能让我知道我在哪里犯了错误？

卡片.tsx

卡片.tsx