react-animate-mount:轻巧的Rea​​ct组件,可在使用滑动和淡入淡出效果进行安装和卸载时为组件设置动画

时间:2024-05-21 11:23:07
【文件属性】:

文件名称:react-animate-mount:轻巧的Rea​​ct组件,可在使用滑动和淡入淡出效果进行安装和卸载时为组件设置动画

文件大小:149KB

文件格式:ZIP

更新时间:2024-05-21 11:23:07

JavaScript

React Animate挂载 简单轻巧的包装器组件,可在孩子安装和卸载时滑动(至自动高度)和淡入淡出动画: 在安装和卸载时为单个组件提供滑动和淡入淡出的动画 为进入和离开列表的项目提供动画。 安装 $ yarn add react-animate-mount 演示版 动画化 挂载和卸载时帮助制作单个组件的动画 用法 /** Before **/ this.state.show ? {childen} : null; /** After **/ import { Animate } from 'react-animate-mount' {childen} 道具 名称 类型 描述 表演 布尔值 指示是否应安装子代的键布尔值 出现 布尔=假 通常,在安装时不对组件进行动画处理,


【文件预览】:
react-animate-mount-master
----.gitignore(54B)
----README.md(3KB)
----flow-typed()
--------npm()
----test()
--------enzyme-setup.js(147B)
--------Animate.test.js(5KB)
--------AnimateGroup.test.js(5KB)
----.prettierrc(47B)
----docs()
--------docs.js(132KB)
--------index.html(2KB)
--------style.css(3KB)
----LICENSE(1KB)
----.eslintrc(403B)
----package.json(2KB)
----src()
--------utils()
--------AnimateGroup.js(2KB)
--------Animate.js(5KB)
--------index.js(117B)
----.babelrc(53B)
----.flowconfig(149B)
----jest.config.js(300B)
----webpack.config.js(1KB)
----yarn.lock(257KB)
----package-lock.json(44KB)
----demo()
--------CodeExample.js(351B)
--------examples()
--------index.js(7KB)
--------index.html(2KB)
--------styles.css(3KB)

网友评论