Estoy tratando de crear una información sobre herramientas usando la información sobre react-tooltip con un botón de cierre. De acuerdo con la documentación , necesito usar ReactTooltip.hide pero parece que no funciona. Oculta la información sobre herramientas solo si muevo el cursor fuera de la información sobre herramientas, pero no al instante.
Usando React 17.0.2, react-tooltip 4.2.21.
Aquí hay un ejemplo rápido de CodeSandbox para ver mi problema: https://codesandbox.io/s/hidden-star-er2u66
Una solución rápida se puede encontrar aquí
const [tooltip, showTooltip] = useState(true); <> {tooltip && <ReactTooltip effect="solid" />} <p data-tip="hello world" onMouseEnter={() => showTooltip(true)} onMouseLeave={() => { showTooltip(false); setTimeout(() => showTooltip(true), 50); }} /> </>Pregunta de cierre.