如何在 react-tooltip 中的 Hover 上调用 ReactTooltip.hide()？

编程问答 2022-05-16

问题描述

我正在使用 react-tooltip 在表格上显示工具提示，我希望工具提示仅用于包含省略号的文本。

这就是我所做的

    const labelRef = useRef(null);
    const classes = useStyles();
    let tooltipText = tooltipContent || cellContent;

    const showTooltip = () => {
        if(labelRef?.current?.offsetWidth < labelRef?.current?.scrollWidth) {
            return true;
        }
        return false
    };
    
    return <Box ref={labelRef} onMouSEOver={() => { ReactTooltip.hide(showTooltip) }} className={classes.addEllipsis} data-tip={tooltipText}>{cellContent}</Box>

ReactTooltip.hide(showTooltip) 不工作，我什至通过 true 检查它是否工作但它不起作用 ReactTooltip.hide(true)

在 official documentation 中，他们在点击时调用它，我需要在此 Div 悬停时调用它

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-tooltipreactjsreactjsreactjsreactjs