React Anime Manager:AnimeManger 用于处理React中退出和进入组件动画的钩子 源码

启示 如果您喜欢,它会加星 :star: 到github项目会给我回报。 谢谢。 React动画管理器 最后,解决了React中的动画问题。 基本上是管理组件在页面,列表或单独页面中的退出和进入,以便可以对其进行动画处理的问题。 该解决方案在一个文件中仅基于hook的约140行上编写基础。 除了React之外没有其他依赖项,因此您可以将其派生出来进行扩展并共享回去。 在v1.0中,它适用于objects|primitives array或随时间变化的一个object|primitive 。 POC的第一个版本使用了称为AnimeManager组件,并与@animxyz css样式革命动画库结合使用。 经过大量设计思考,此版本摆脱了组件样式,并以简单hooks的形式带来了通用解决方案。 解决方案公开包含项目状态,可帮助您在组件消失之前添加正确的类或触发正确的动画。 只要它有某种方式可以告诉动画