使用dnd-kit react库，实现元素拖拽功能，每次拖拽所有可拖拽元素都会重新渲染，如果可以拖拽元素上千，会导致拖拽卡顿
5条回答 默认 最新
关注【相关推荐】
- 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：react 基于 dnd-kit 封装的拖拽排序组件
如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2016-11-07 03:30回答 1 已采纳 ``` function drag(ev,el)//你传递了参数干嘛不加参数名？this对象为window，不是当前的dom，不要乱用this { var id = $(el).att
- 2018-09-18 23:46回答 1 已采纳 you should use the google-cloud-php-firestore FirestoreClient, instead. because what you have the
- 2016-03-16 08:34回答 3 已采纳 Finally the found answer for same as below. Corrected PHP Code : <?php define('UPLOAD_DIR',$
- 2021-02-05 22:05功能打包：可自定义的碰撞检测算法，多个激活器，可拖动的覆盖图，拖动手柄，自动滚动，约束等等。 支持广泛的用例：垂直列表，水平列表，网格，多个容器，嵌套上下文，可变大小的列表和网格，转换后的项目，虚拟...
- 2017-06-01 08:30回答 2 已采纳 Now, I am very happy with the mood to share my solution func NewPostFile(url string, paramTexts m
- 2016-04-05 13:53回答 1 已采纳 A UUID can be generated for each user which will generate a random 128 bit value. However, for a
- 2022-05-11 22:14回答 1 已采纳 您好！C:\Windows\System32\drivers\etc上路径下，记事本形式打开hosts文件在文件最后面加上ftp.rj.com 本机IP保存参考下面链接：https://jingya
- 2023-09-27 17:33ATWLee的博客 推荐一个react拖拽排序的库，@dnd-kit。
- 2022-03-07 22:04回答 2 已采纳 for(i=1;i<=member;i++){scanf("%d",&n[i]);}这是错误的。member允许值是1-100，你数组大小也定义成100，那么n[100]就越界了既然你想放弃掉数
- 2019-01-29 06:57回答 1 已采纳 The problem unrecognized import path (import path does not begin with hostname) problem happens wh
- 2020-04-13 11:26回答 1 已采纳 https://www.cnblogs.com/peter-le/p/6055782.html
- 2023-10-31 16:31阿琰a_的博客 最近在项目上有个模块需要实现拖拽功能，选了很久的拖拽组件，最后选择了dnd-kit组件库，原因在于这个组件比较新，并且近期还在维护，还有相对应的学习文档可以查看。
- 2017-10-24 14:18回答 1 已采纳 I just checked your code and it works just fine. Therefore I assume that there is something wrong
- 2022-11-08 20:32滑动变滚动的蜗牛的博客 react 基于 dnd-kit 进一步封装的拖拽排序组件，作用：将其抽取成一个只需传入列表和对于的回调方法、使用更为简单的组件。
- 2024-03-01 13:10HaanLen的博客 } 拖拽组件 dnd-kit 官方文档：https://docs.dndkit.com/ GitHub地址：https://github.com/clauderic/dnd-kit @dnd-kit – 用于 React 的轻量级、模块化、高性能、可访问且可扩展的拖放工具包。 功能丰富：可定制的...
- 2022-11-28 20:26DeluxeZ的博客 使用dnd-kit库解决点击事件和拖拽的冲突
- 2023-08-24 08:00pingan8787的博客 作者：青火_https://juejin.cn/post/7062625911312646175一、用法简介基于react的拖拽功能，有这么几个比较流行的库：react-dnd[1]react-beautiful-dnd[2]dnd-kit[3]react-sortable-hoc[4]React-dnd（一）基本概念...
- 2022-09-01 16:15fmk1023的博客 文章目录 1.先安装依赖 2.创建 DndProvider 组件 3.创建放置组件 1.先安装依赖 github地址：react-dnd npm i react-dnd npm i react-dnd-html5-backend 2.创建 DndProvider 组件 import { ...{ return ( ...
- 2024-03-19 09:57gitblog_00042的博客 DnD-Kit 是一个由Clauderic维护的开源JavaScript库，专门用于创建高性能、无障碍且易于使用的拖放（Drag & Drop）功能。这个项目采用现代Web开发最佳实践，并以类型安全和模块化设计为特点，适用于React框架。 ...
- 2022-10-17 17:37万希&的博客 react-dnd实现表单动态定点拖拽排序 表单拖拽排序
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月27日
已采纳回答
4月19日-
创建了问题
4月13日
悬赏问题
- ¥15 在获取boss直聘的聊天的时候只能获取到前40条聊天数据
- ¥20 关于URL获取的参数，无法执行二选一查询
- ¥15 液位控制，当液位超过高限时常开触点59闭合，直到液位低于低限时，断开
- ¥15 marlin编译错误，如何解决？
- ¥15 有偿四位数，节约算法和扫描算法
- ¥15 VUE项目怎么运行，系统打不开
- ¥50 pointpillars等目标检测算法怎么融合注意力机制
- ¥20 Vs code Mac系统 PHP Debug调试环境配置
- ¥60 大一项目课，微信小程序
- ¥15 求视频摘要youtube和ovp数据集