问题标签 [react-material]

我正在尝试TextField在对话框组件中使多行（正确）工作。

我一直在努力解决这个特定问题一段时间，我不确定这个问题是否与 MUI 相关，或者可能与我的页面（对话框）如何重新呈现反应有关。

请参阅链接的非工作示例。这里

我也测试了许多其他方法，例如重组我的代码，在备忘录中包装东西等。但无济于事......

目前发生了 3 件事中的 1 件事。

1.) 没有自动对焦 => 无法输入

2.) 使用自动对焦 => 可以解决问题...当失去焦点时，输入会闪烁

3.）使用自动对焦+多行...输入也失去焦点（重新获得焦点，但光标作为输入的开头）

理论

我认为这可能是 React MUI 中的一个错误，并且已经为它创建了一个错误票，但我想排除它可能不是别的东西，例如我编写对话框代码的方式，例如，不是记住正确的事情，状态导致更新它不应该等等......

似乎不可能将<Tooltip>触发锚元素放在“顶部”（堆叠/分层）。

它总是出现在父级之外，"placement"用来决定在哪里。我相信是 Popper 中的Flip工具管理放置并确保可见性。我尝试通过 Popper 选项修饰符来禁用翻转，并调整偏移量。一些建议是跳过防止溢出，并禁用 GPU 加速。为了实现这一点，我陷入了 MaterialUI 内部的兔子洞。我评论了看似不太可能的过度杀伤解决方案。

MUI 之外的示例：react-tooltip （包括指针跟踪，超出此问题）。

我是材料 UI 的新手。在这里，我正在尝试创建一个样式化的组件，它将是一个Typography. 所以，我尝试的是，

但这给了我一个编译时错误。

谁能帮我这个 ？

我使用了以下方式

我是 reac 的新手，这里我使用的是材质 UI。

我设计了以下样式组件。

现在，在这里我添加了这个样式，这个组件仍然加载了默认样式，这些样式用于typography. 它不应用样式组件中的样式。谁能帮我这个 ？

我正在研究带有多值复选框的 React Material 自动完成组件，似乎 defaultValue 道具和复选框示例存在问题。

如果我从列表中设置 defaultValue 一个项目，它将出现在文本输入标签中，但不会在自动完成下拉列表中显示为选中状态。如果 defaultValue 中存在，我尝试将项目设置为已检查，但这并没有解决问题。

如何将 defaultValue 项目设置为在自动完成下拉列表中选中？

冷凝箱

代码：

默认情况下，材质 ui 选项卡标签是居中对齐的，如何使其左对齐？

居中对齐的标签标签图像

我是 React-Material 主题功能的忠实粉丝，并且已经广泛使用它，但今天我被难住了。要使用主题设置弹出窗口的样式，通常我将弹出窗口（带有display: none）存储在我的主要组件文件中，如下所示：

然后我的 themeProvider 包装<App/>：

但现在我正在尝试设置一个不在内部且不<App/>在加载时 DOM 上的弹出窗口的样式 - 我正在从. 而不是我创建的自定义主题（假设主调色板颜色为绿色），当我尝试访问内部主题时，它使用 MUI 的默认主题（即默认主调色板颜色为紫色）。我尝试从我的文件中导出自定义主题对象并将其直接传递给弹出组件，但它一直使用 MUI 的默认主题，即：const node = document.createElement('div')makeStylescreateMuiThemeindex

弹出按钮，我正在尝试访问我的自定义 MUI 主题：

弹出：

有没有人对如何在组件中使用特定主题有任何想法，例如，可能是useTheme将特定自定义主题放入组件的钩子？

我正在尝试制作如下所示的 UI，但由于某些原因，它没有按预期完成。

我也尝试过更改列，但这也不起作用。

问题是我正在使用 Grid 并且它包含相应的项目和容器，但是更改它们会破坏完整的设计。

这是我的代码：

这是当前输出：

这是所需的输出：

我看过这个答案，但它在 ReactJs 中不起作用。如何在 ReactJs Material-Ui 中使扩展面板向上打开？

我想更新一个状态变量数组，但我不知道如何更新更改。我想更改数组“国家”，但是当我尝试将它与 React-materialize 芯片链接时，它不起作用。在我选择了一个选项之后： - 要么我无法更新状态变量，我看到带有 X 的芯片来删除它 - 要么我有更新状态的功能，但我看不到带有 X 的芯片删除它

如何使所选芯片正常显示并仍然更新状态变量？谢谢

下面是我的代码也可以在CodeSandbox