react-SortableList:React可排序列表。 具有React运动的流体动画

【文件属性】：

文件名称：react-SortableList:React可排序列表。 具有React运动的流体动画

文件大小：7KB

文件格式：ZIP

更新时间：2024-05-30 11:49:33

JavaScript

可排序清单 （概念验证！） 这是对reaction-motion可排序列表演示的概括。 它支持任意数量的项目，每个项目可以具有不同的高度。 原料药 {(key) => ... } 其中data是字符串到数据的映射（即{[string]: any} ）。 数据项可以是多态的。 像react-motion一样，我们使用键的插入顺序来确定项目的顺序。 这个怎么运作 可排序的列表跟踪其子代的高度，并将它们一个接一个地垂直放置。 由于我们知道所有子项的尺寸和位置，因此，只要子项的顺序发生变化，就可以使用react-motion对其进行动画处理。 拖动时，我们查看鼠标的位置并遍历列表以查找插入点。 一旦我们知道了新的顺序，进行布局的相同代码就会将所有内容动画化。 与改组项目同上。 去做 可以添加和删除

【文件预览】：
react-SortableList-master
----css()
--------app.css(1KB)
----README.md(1KB)
----package.json(514B)
----src()
--------quotes.js(2KB)
--------app.jsx(7KB)
----index.html(261B)
----Makefile(762B)