如何解决一次打开多个控件的材料-ui工具提示
我有一个组件,其中我使用了其他几个组件。打开选择菜单时,我曾经遇到问题,工具提示与菜单重叠,并且不停止显示。现在,当我将鼠标悬停在一个组件上时,它会显示所有工具提示,并且单击出现一停(这是我想要的,但要同时悬停一个),从而使“工具提示”处于“受控”状态。它是这样的:
我在组件正在运行的功能之外拥有这样的工具提示:
jms-bridge-destination
这是我在主要组件内部管理的每个组件中的外观:
function Tooltip(props) {
const classes = tooltipStyles();
return <TooltipBase placement="bottom" classes={classes} {...props} />;
}
这些是im用于打开/关闭选择/弹出窗口工具提示的功能
<Tooltip title="Estatus" open={openTooltip}>
<div
onMouseEnter={() => {
setOpenTooltip(true);
}}
onMouseLeave={() => {
setOpenTooltip(false);
}}
>
<Chip
small
onIconClicked={null}
label="Por hacer"
avatarProps={{
size: 'extraSmall',backgroundColor: '#F57C00',icon: null,}}
isDropdown
onChipClicked={handleOpen}
withPopover
popoverKey="status"
popoverOpen={chipStatusOpen}
popOverContent={PopupStatus}
onPopoverClose={handleClose}
/>
<PopupFilters
anchorEl={anchorElPopupFilters}
onClose={() => setAnchorElPopupFilters(null)}
/>
</div>
</Tooltip>
以及我用来使其工作的useStates
const handleClose = () => {
setChipStatus(false);
setAnchorEl(null);
};
const handleOpen = () => {
setChipStatus(true);
setOpenTooltip(false);
};
我想一次打开一个。我该如何实现?我在做什么错了?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。