javascript React tooltip -尝试显示动态添加到同一个类的元素的tooltip

wvmv3b1j  于 2023-05-16  发布在  Java
关注(0)|答案(1)|浏览(104)

我使用primereact工具提示组件(https://primereact.org/tooltip/)。一切都很好,除了目标属性。在页面上我可以有几个元素具有相同的类和他们的工具提示是工作。但是对于我刚刚从UI工具提示中添加的那个类的元素不起作用。我理解这是因为工具提示只显示了已经在页面上的元素数组,在添加新元素后,我应该更新目标属性。
现在我将这个target属性与classifier(target=".my-class”)一起使用。我正尝试将状态参数发送到该组件中进行重新渲染,但对目标不起作用。

return(
    <Tooltip id="tooltipImage" target=".open-in-tooltip-added-image" autoHide={false} showDelay={0} position={'right'}>
        <img src={require(`../img/${props.tooltipImage}`).default}
                 data-pr-tooltip="PrimeReact-Logo" height="500px" />
    </Tooltip>
)

在文档中我发现了方法,我认为方法'updateTargetEvents'是我需要的,但我不知道在哪里以及如何使用它。找不到任何例子…
Screenshot: tooltip methods

相关问题