1

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)

官方文档中,他们在点击时调用它,我需要在此 Div 悬停时调用它

4

0 回答 0