ReactTooltip.hide 不会立即隐藏工具提示

Question

我正在尝试使用 react-tooltip 和关闭按钮创建工具提示。 根据 documentation，我需要使用 ReactTooltip.hide 但它似乎不起作用。只有当我将光标移出工具提示时它才会隐藏工具提示，但不会立即隐藏。

使用 React 17.0.2，react-tooltip 4.2.21。

这里有一个快速的 CodeSandbox 示例来查看我的问题：https://codesandbox.io/s/hidden-star-er2u66

Answer 1

可以找到快速修复方法here

const [tooltip, showTooltip] = useState(true);

<>
 {tooltip && <ReactTooltip effect="solid" />}
 <p
   data-tip="hello world"
   onMouseEnter={() => showTooltip(true)}
   onMouseLeave={() => {
     showTooltip(false);
     setTimeout(() => showTooltip(true), 50);
   }}
 />
</>

结束问题。