Material-ui弹出状态弹出不起作用
Material-UI是一个基于React开发的UI组件库，它提供了丰富的UI组件和样式，可以帮助开发者快速构建漂亮的用户界面。
弹出状态弹出不起作用可能是由于以下几个原因：
- 组件使用错误：弹出状态的弹出可能需要通过正确的组件和属性来实现。请确保你使用了正确的组件和正确的属性来触发弹出状态。可以参考Material-UI的官方文档来了解如何正确使用弹出状态组件。
- 组件状态控制问题：弹出状态的弹出可能受到组件的状态控制。请确保你正确地管理了组件的状态，包括弹出状态的激活和关闭。
- 样式冲突：弹出状态的弹出可能受到其他样式的影响，导致无法正常显示。请检查组件周围是否存在其他样式或者CSS规则，可能需要进行样式的调整或者覆盖。
- 版本兼容性问题：如果你正在使用的Material-UI版本较旧，可能存在一些已知的问题和bug。请确保你使用了最新版本的Material-UI，并查阅其官方文档或者issue列表，了解是否存在相关的bug或者解决方案。
在使用Material-UI的弹出状态弹出时，可以参考以下步骤来进行排查和调试：
- 检查组件使用是否正确，包括组件和属性的使用是否符合官方文档的要求。
- 检查组件状态的控制，确保状态的变化能够正确地触发弹出状态的显示和隐藏。
- 检查组件周围的样式和CSS规则，可能需要进行样式的调整或者覆盖。
- 确保使用了最新版本的Material-UI，并查阅相关文档和issue列表，了解是否存在相关的bug或者解决方案。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（ECS）：提供了弹性、安全、可靠的云端计算服务，满足各种应用场景的需求。详情请参考腾讯云云服务器
- 云数据库MySQL：提供高性能、高可靠性、可扩展的云数据库服务，适用于各种规模的业务。详情请参考腾讯云云数据库MySQL
- 云原生应用平台TKE：为容器化应用提供强大的编排、调度和管理能力，简化应用的部署和运维。详情请参考腾讯云云原生应用平台TKE
- 人工智能机器学习平台AI Lab：提供了一站式的机器学习和人工智能开发平台，帮助开发者高效地构建智能化应用。详情请参考腾讯云人工智能机器学习平台AI Lab
相关·内容
不同之处只在于弹出的内容。我的在内容中有一些卡片和一些背景样式。在我的标题中有两个这样的弹出窗口，每个都有自己的触发器。我观察到的一种模式是，当一个人从一个弹出窗口的内容移动到触发另一个弹出窗口的按钮时，这种情况最常发生。 这是一个已知的问题吗?有什么解决方法吗？ Sample code
浏览 16提问于2021-01-12得票数 0
1回答
是否可以以Tabs的形式呈现AutoComplete弹出中的匹配数据？我可能有最多三类与输入值相匹配的数据，我想将其显示为选项卡。
浏览 0提问于2016-05-24得票数 0
回答已采纳
目前，我在弹出页面中使用来自MaterialUI的开关组件。我现在如何保存它的状态是通过在chrome.storage.local API中存储每个更改的状态。当我单击回弹出时，我只需使用useEffect钩子，从chrome.storage.local中获取状态并将其作为参数传递给setState()。我的问题是，当您重新打开弹出窗口时，它会导致切换按钮从off变为on (就像手动切换它一样)。我知道这是因为我这样做(也就是说，每次弹出打开时，将切换的状态</
浏览 1提问于2020-07-30得票数 1
回答已采纳
2回答
当我想要删除用户时，我想要显示一个确认弹出窗口。因此，当我按下delete按钮时，我希望弹出窗口出现。我所做的是，我有一个弹出式窗口，我根据一个poster变量呈现它。从逻辑上讲，当我按下delete按钮时，我应该显示我的弹出窗口，所以我修改了变量并将其放入true，但我的弹出窗口没有显示import { makeStyles} from '@material-ui/core/sty
浏览 16提问于2019-08-17得票数 0
2回答
但我只是试着写document.getElementById；问题是我不能为document.get选择一个提议:当我选择一个条目时，弹出窗口消失，文本中没有插入任何内容。
浏览 3提问于2014-02-19得票数 0
但是，我只希望弹出器是文本输入的全宽，然后向通常会在弹出器宽度上溢出的任何文本添加一个省略号。是否有一种方法可以将弹出器视口固定为自动完成的宽度，以便renderOption方法中的文本可以换行？from '@material-ui/core/TextField';import PersonIconfrom '@
浏览 15提问于2021-03-03得票数 1
ReactJS/Material-UI新手问题。我正在使用Material-UI Autocomplete，并试图创建一个函数，我可以通过编程调用该函数来关闭Material-UI自动完成弹出器结果列表，但正在为如何做到这一点而苦苦挣扎。到目前为止，我已经向autocomplete字段添加了一个引用，并尝试触发模糊，因为弹出器已经自动关闭了onBlur，但遗憾的是，我得到了一条错误消息，指出onBlur不是一个函数。
浏览 2提问于2021-07-13得票数 0
我有一个带有弹出窗口的页面。当弹出窗口打开时，它有一些按钮，类为“ui状态禁用”。如果有人试图点击弹出框外，我想关闭/隐藏该框只有当按钮有‘用户界面状态禁用’的类名。但是，有时弹出框中有几个带有“ui状态禁用”类的按钮，如果“ui状态禁用”计数为1，则弹出窗口可以通过单击外部关闭。
下面是我的密码。当多个按钮有“ui状态禁用”类时，它也不起作用。
浏览 2提问于2017-03-26得票数 0
回答已采纳
1回答
相对于选择的菜单项
、、、
我使用的选择菜单项目从材料用户界面。我能够定位下拉列表在左下角的帮助下，在代码内选择。但是问题是当网页被滚动时，MenuItems开始在整个页面上移动。但是我想把它们放在select本身下面，即使是在页面滚动的情况下。
浏览 8提问于2022-04-11得票数 1
1回答
目前我正在开发音乐应用程序，根据我的ui，我必须显示下载、下载进度和弹出菜单item.But中显示的下载状态，根据弹出菜单按钮的小部件行为，当我关闭弹出菜单项时它是dispose和unmounted.So，再次打开最后的状态总是显示下载而不是downloading.So，关闭后可以防止弹出菜单按钮的出现。我尝试过回调函数、提供程序、getx、auto，也尝试了有状态构建器，但它不起作用。
浏览 4提问于2022-11-14得票数 0
回答已采纳
3回答
使用React JS右键单击菜单
、、、、
我想知道是否有为React组件设置右键菜单的最佳实践/正确方法。// nw is nw.gui from Node-Webkit var menu = new nw.Menu(); label: 'doSomething', // doSomething }));
// I'd
浏览 4提问于2015-02-22得票数 31
回答已采纳
是Grid Toolbar组件的正式示例：
例如，我试着修改一篇文章。我检查弹出/弹出程序，然后更改font-size和color属性，但仍然不能像下面的屏幕快照那样工作。"@mate
浏览 2提问于2021-10-13得票数 4
回答已采纳
我已经编辑了我的原始帖子，到目前为止，我可以通过这个实现从钩子中重构出来，现在，移动鼠标光标的行为不会关闭弹出窗口。/propTypes';
import { makeStyles, styled } from '@material-ui/core/styles';
import InfoIcon from
浏览 17提问于2019-11-13得票数 1
我遇到的问题是，嵌套的select菜单希望将弹出的弹出作为邻居而不是popper的子类加载到身体上。这将引发单击事件。/styles.css";import TextField from "@material-ui/core/TextField";
import MenuItem from "@material-
浏览 5提问于2020-04-30得票数 4
回答已采纳
2回答
我正在制作一个应用程序，它存在于状态栏中。单击状态项时，将弹出NSPopover。
问题是:我希望它是“暂时的”，也就是说，如果我点击弹出窗口之外的任何地方，它就会关闭。虽然NSPopoverBehaviorTransient在窗口中弹出时运行良好，但在状态栏中却不起作用。
我自己怎么实现这样的行为呢？
浏览 0提问于2012-01-29得票数 18
回答已采纳
1回答
在提交表格时没有弹出“请填写此字段”。from "@material-ui/core/Input";import FormLabel from "@material-ui/core/FormLabel";
import Input from "@material-ui但是，当我尝试提交
浏览 0提问于2019-04-02得票数 2
回答已采纳
我已经用工具栏中的filter实现了React Material-UI DataGrid。
我有什么方法可以做到这一点吗？
浏览 18提问于2021-03-04得票数 1
回答已采纳
根据新的material-ui版本文档，使用Popover阻止滚动。我想在弹出窗口打开时保持滚动条可见。
浏览 0提问于2018-12-31得票数 11
我使用material-ui库，其中我在循环中有一个弹出器，每个循环都有一个存储在卡片中的事件对象。我想打开弹出器基于按钮点击，这是放置在每个卡上，但所有的弹出器打开，因为按钮点击，我正在设置‘打开’状态为真。我想让这个值对于每个弹出器来说都是唯一的，这样我就可以为需要打开的弹出器设置值。</CardActions>
浏览 21提问于2019-02-08得票数 2
当我打开页面上的弹出窗口时，我使用window.history.pushState来更改当前的URL，这很好，而且非常方便。在弹出窗口中，我可以转到其他URL。问题是当我关闭弹出窗口时，我再次在第一个URL中使用pushState，但是如果按后退，它将再次打开弹出窗口。
我想要的是，关闭弹出窗口后按回返回到上一页，然后打开弹出窗口。主页-> ->弹出1 ->弹出2 -> (关闭弹出)页面-> (按回)主页
浏览 3提问于2014-04-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
