【文件属性】：
文件名称：react-slidedown:React组件，该组件使用CSS从当前高度到{
文件大小：59KB
文件格式：ZIP
更新时间：2021-05-02 16:00:42
TypeScript
React下滑
React组件使用CSS从当前高度到height: auto为子代设置动画height: auto安装/更新/卸载时为height: auto 。
概述
CSS当前不支持将元素的高度设置为height: auto ，因此通常使用javascript实现此效果。
该组件使用CSS来执行动画，并遵循一种算法（）。 计算出所需的元素高度，然后使用css转换该高度。 过渡完成后，将高度设置为height: auto 。
react-slidedown非常适合内容大小不同的下拉列表，弹出菜单，手风琴和可关闭面板。
我不知道IE10及以后的任何跨浏览器问题。
安装
npm install react-slidedown --save
用法
只需用SlideDown组件包装要滑动的组件：
import React from 'react'
import { SlideDown }
【文件预览】：
react-slidedown-master
----.vscode()
--------launch.json(688B)
----lib()
--------slidedown.tsx(5KB)
--------slidedown.css(249B)
----.travis.yml(90B)
----example()
--------index.html(580B)
--------index.tsx(190B)
--------bundle.css(101B)
--------main.css(611B)
--------main.tsx(2KB)
--------dropdown.tsx(1KB)
----tsconfig.json(390B)
----LICENSE(1KB)
----test()
--------slidedown-tests.tsx(10KB)
--------slidedown-tests.css(139B)
----README.md(3KB)
----.gitignore(157B)
----karma.conf.js(494B)
----package-lock.json(197KB)
----package.json(2KB)