我使用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
1条答案
按热度按时间3htmauhk1#
下面是一个代码沙盒,向您展示如何使用updateTargetEvents。
代码沙盒:https://codesandbox.io/s/summer-tree-z3rroi?file=/src/demo/DataTableBasicDemo.js:890-908
原始版本:https://github.com/primefaces/primereact/issues/3008