javascript - 如何在纯 React JS 中延迟组件卸载事件(没有 React Router)?

标签 javascript reactjs

仅使用ReactJS而不使用其他依赖项,我们如何在componentWillUnmount生命周期方法中延迟组件的卸载事件?

例如,我希望添加 500ms 延迟,以便在组件卸载之前播放动画。

最佳答案

根据我的经验,将副作用与 componenWillUnmount 联系起来虽然乍一看很有吸引力,但永远不会完美地工作。

您可以通过更改另一个属性来启动退出转换并在 componentWillReceiveProps 中检查该更改。然后您可以添加500ms延迟并继续卸载。

检查这个post

关于javascript - 如何在纯 React JS 中延迟组件卸载事件(没有 React Router)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49096941/

相关文章:

javascript - XMLHttpRequest 在 PHP 脚本运行时获取数据

javascript - 动态生成 React 组件时缺少结束标记

javascript - 从通过 React Router 设置的路由访问 Redux Store

javascript - 等待 react 状态在功能组件中更新

javascript - React 之前隐藏时不会渲染 Prop 的子数组

javascript - 试图在井字游戏中设置一个 Action ,但是当我回调该函数时我一直未定义

javascript - 使用 ng-bind 绑定(bind)多个值

javascript - 如何在javascript中获取数组中元素的第二个索引?

javascript - 获取输入的动态值 JQuery + Twig

reactjs - 递归数据和组件,稍后获取会抛出错误