一次打开多个控件的材料-ui工具提示

编程问答 2022-11-12

问题描述

我有一个组件，其中我使用了其他几个组件。打开选择菜单时，我曾经遇到问题，工具提示与菜单重叠，并且不停止显示。现在，当我将鼠标悬停在一个组件上时，它会显示所有工具提示，并且单击出现一停（这是我想要的，但要同时悬停一个），从而使“工具提示”处于“受控”状态。它是这样的：

enter image description here

我在组件正在运行的功能之外拥有这样的工具提示：

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 (将#修改为@）

javascriptmaterial-uireactjsreactjstooltip