reactjs - 一定时间后隐藏 react 工具提示

标签 reactjs

我正在使用 react-tooltip 模块(https://www.npmjs.com/package/react-tooltip),

无法弄清楚如何在特定时间(例如 5 秒)后隐藏提示

我试过这个:

<ReactTooltip afterShow={() => { setTimeout(ReactTooltip.hide(), 5000) }} />

但在这种情况下,工具提示甚至不会显示

最佳答案

您不必在方法后使用括号 (),只需像这样放置方法的链接:

setTimeout(ReactTooltip.hide, 5000)

但在这种情况下,工具提示甚至不会显示,因为您的方法 ReactTooltip.hide() 在工具提示显示后立即被调用

关于reactjs - 一定时间后隐藏 react 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52785243/

相关文章:

javascript - Firebase 未捕获错误(离线推送 json 时)

javascript - 导入 React 组件时 Webpack 模块构建失败

reactjs - 带 React Helm 的 Razzle : Meta tags displayed wrong in crawlers when using dynamic values from Axios

reactjs - 无法从 props 初始化状态

javascript - RXJS 可观察量在鼠标悬停事件后取消鼠标悬停流

javascript - onClick 处理程序不会等待单击,而是立即打印所有信息

javascript - 使用 Formik 构建向导时不能在子组件中使用 Prop

android - Android webview 中的 ReactJS 应用程序 - 按下后退按钮关闭应用程序

javascript - 模块构建失败 : SyntaxError: Unexpected token regarding quotation marks

javascript - 使用 Netlify lambda 函数从 GatsbyJS 站点发送电子邮件