在具有许多可拖动对象的React Beautiful DnD中拾取和移动滞后

时间:2020-06-16 18:35:28

标签: javascript reactjs react-beautiful-dnd

我正在尝试复制此处显示的React Beautiful DnD示例:https://react-beautiful-dnd.netlify.app/?path=/story/board--large-data-set

该页面上大约有500个可拖动对象,但是拿起可拖动对象并四处移动时的滞后时间相对较小。

我尝试复制此示例的尝试可以在这里找到:https://codesandbox.io/s/react-beautiful-dnd-stress-test-v50jl。 onDragEnd尚未实现,因为现在我只关心拾取和移动延迟。

在我的版本中拿起一个物品时,可拖动物品大约需要1整秒才能开始移动。可拖动对象在可放置对象之间移动时,其移动也非常不稳定。

我尝试搜索官方示例的源代码,但找不到它。我想知道我可以在代码中进行哪些优化以使其平稳运行。

0 个答案:

没有答案