文件名称:react-draggable-list:React组件以获取可拖动可折叠项目的列表
文件大小:150KB
文件格式:ZIP
更新时间:2024-05-22 09:39:07
TypeScript
React可拖动列表 通过此组件,您可以使用户可重新排序的列表具有良好的动画效果,以便用户可以轻松移动大型项目: 上面的例子可以在这里尝试: 您可以在example目录中找到其代码。 该示例可以通过运行以下命令进行编译: yarn yarn example-build # or use this to auto-rebuild on changes: yarn example-watch 可拖动列表 此模块导出DraggableList React组件,该组件具有以下道具: list必须是代表列表项的对象数组。 itemKey必须是列表对象的属性名称,以用作标识对象的键,或者它必须是将对象作为参数并返回键的函数。 template必须是用于呈现列表项的React组件。 这一定不能是无状态功能组件。 如果可能,不要在每个渲染器上传递新的类实例。 有关模板的更多信息,请参见下一部
【文件预览】:
react-draggable-list-master
----example()
--------index.html(333B)
--------grippy.png(153B)
--------main.tsx(594B)
--------Example.tsx(4KB)
--------main.css(822B)
----.babelrc(281B)
----.flowconfig(123B)
----package.json(2KB)
----.prettierrc(26B)
----.prettierignore(20B)
----index.js.flow(842B)
----test-types()
--------typescript.tsx(884B)
----src()
--------index.test.tsx(16KB)
--------index.tsx(19KB)
--------OnUpdate.tsx(236B)
--------TemplateContainer.tsx(1KB)
--------MoveContainer.tsx(2KB)
----.eslintrc.js(1KB)
----tsconfig.json(252B)
----.gitignore(69B)
----CHANGELOG.md(5KB)
----.circleci()
--------config.yml(774B)
----README.md(6KB)
----yarn.lock(328KB)
----.eslintignore(30B)
----.editorconfig(132B)
----LICENSE.txt(1KB)
----.vscode()
--------settings.json(166B)