问题标签 [react-material]

我正在使用带有钩子的反应材料，我想对材料形式进行重置。

我一直在尝试设置状态，但没有任何变化反映

在提交时，我想清除输入字段中的数据。

我刚开始学习 React material-ui，我发现了这个makeStyles函数，他们说它返回一个 Hook。

我记得在 React 钩子中，自定义钩子是通过包装内置钩子来制作的。我试着往里面看makeStyles，它有一些互操作性和一些 css-in-javascript 模式。

我真的厌倦了一遍又一遍的规则。现在有人可以告诉我这个makeStyle功能是什么，也许可以建议一种更好的方法来阅读material-ui。

感谢 Stack Overflow 的好人。

我正在使用这个React Material Modal。在演示示例中，您可以看到当您打开模式时，有一个蓝色边框。

有办法去掉吗？

我在具有该属性的 Modal Api 中看到，disableAutoFocus但我设置为“true”并且我的模态仍然有这个蓝色边框：

我怎样才能删除这个？

我正在尝试创建一个 React Material Popover（https://material-ui.com/api/popover/）元素，当用户将鼠标悬停在 TableRow 上时显示（https://material-ui.com/api/ table-row/ )，并且当用户将鼠标悬停在 TableRow 之外时隐藏。

我已经尝试过的：

. . .

. . .

当鼠标悬停在 TableRow 上时会出现 Popover，但随后它会一直闪烁，就像存在 onMouseOver() 和 onMouseOut() 的无限循环一样。我一直在调查这个问题几个小时，我找不到这个问题的解释。如果有人可以提供帮助，我将不胜感激！

这是一个代码现场演示： https ://codesandbox.io/s/heuristic-banach-071f3?fontsize=14&hidenavigation=1&theme=dark

我正在尝试在此处描述的输入后添加帮助图标。Input 元素看起来不错。我尝试对 Select 元素执行相同的操作，但它搞砸了 Select 的向下箭头，如在此代码框中可以看到的那样

关于如何实现这一目标的任何想法？

我在使用 React 和 React Material-UI 组件时遇到了问题。我需要的：

1) 用户单击我的组件中的按钮 - 我应该将 mousemove 侦听器添加到页面并显示 ProgressBar。
2) 用户移动鼠标 - 我计算事件，并更新我的 ProgressBar。
3) 当事件计数为 50 时，我删除 mousemove 侦听器并隐藏 ProgressBar。

我尝试使用 React useEffect、useState Hooks 来执行此操作，但它不会删除侦听器。我不明白，为什么。

这是我的代码：

看起来真的很奇怪：为什么 React 会忽略 removeEventListener。
请解释一下，我的错误在哪里。
UPD：非常感谢！我以这种方式使用了 useCallback 钩子：

但我仍然不完全理解。所以，当我使用带有空依赖项数组的 useCallback 时，这个函数（updateMousePosition）在我的组件的所有“生命”中都不会改变？
在 useEffect 中，我删除了 mouseListener。这对我来说很神奇：为什么 useEffect 在没有 useCallback 的情况下忽略删除？

我目前有一个带有选择下拉菜单的 React Material 表单，我在其中映射了一组对象并将名称字段显示为每个选项。我目前已将选项的 value 属性设置为对象的名称 (cpuParent.name)。但是，同一个对象也有一个瓦特字段（cpuParent.wattage），我也需要它的值。有没有办法可以从同一个下拉字段中获取对象的名称和功率？我在下面复制并粘贴了我的代码的相关片段 - 该组件是一个类组件：

在类组件内，但在渲染方法之外：

在渲染方法内部：

我是材料 UI 的新手。在这里，我有两个选项卡，这些选项卡有一些内容。

现在，我正在尝试将text overflow elipses. 但是文本在那边，

现在，这里的标签有更多的长度。所以，我只是想把它限制为max-width : 100px;

但是在材质 UI 中，覆盖变得有点复杂。

所以，我尝试的是，

但在这儿

我无法获得已选择的选项卡，我的意思是如果选择了选项卡，我想添加该类。

谁能帮我这个 ？任何像有或没有排版的解决方案都适合我。

谢谢。

我是网络开发的新手。在这里，我正在尝试为标签中的标签标签的 span 元素添加省略号。

现在，我在这里尝试为这个跨度文本添加文本溢出。我已经应用了以下解决方案，

但我仍然无法添加。谁能帮我这个？

我是新来的material UI。在这里我有以下form

现在，由于该区域有点长，因此整个标签都可以单击，因此，我正在尝试的是唯一的复选框，并且文本应该是可单击的，并且不应单击其他空白区域。在这里，我给出了

我该如何添加？

谢谢。