如何解决如何在 react-tooltip 中的 Hover 上调用 ReactTooltip.hide()?
我正在使用 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 举报,一经查实,本站将立刻删除。