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

Question

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

使用React 17.0.2，react工具提示4.2.21。

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

Answer 1

快速修复可以找到这里

​

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

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

​

最后的问题。

Answer 2

尝试删除

<React.StrictMode>
    
  </React.StrictMode>

组成index.js和volaa!！你完了。

Answer 3

我通过删除React.StrictMode文件中的index.js来解决这个问题