文件名称:react-with-animation:一个组件和一个高阶组件(HOC)在React中管理短暂CSS动画
文件大小:17KB
文件格式:ZIP
更新时间:2024-06-01 20:44:33
JavaScript
与动画互动 一个组件和一个高阶组件(HOC)来管理React中的短暂CSS动画。 工作示例:或快速阅读自述文件中的代码示例。 概念 假设您想将一个CSS类临时添加到React组件以播放一些动画,然后在动画完成后删除该类。 听起来很简单,对吧? 我们在jQuery中已经做了多年了: $ ( '#myThing' ) . addClass ( 'animateMe' ) . delay ( 3000 ) . removeClass ( 'animateMe' ) ; 在React中, $('#myThing')选择器部分有所不同。 因为React本质上是声明性的,所以我们需要一个可以强制性地告诉React我们要将CSS类添加(和删除)到哪个组件的组件。 这就是“ react-with-animation方式-它“包装”您的组件,以便它始终知道它在React DOM中的位置,并且可以在完成
【文件预览】:
react-with-animation-master
----CONTRIBUTE.md(648B)
----rollup.config.js(750B)
----src()
--------hoc()
--------container()
--------index.js(148B)
----LICENSE(1KB)
----.prettierrc(98B)
----README.md(6KB)
----.gitignore(18B)
----package-lock.json(52KB)
----package.json(1KB)