为什么在react-dnd hooks-sortable-simple示例中进行isDragging工作?

时间:2019-07-11 22:07:07

标签: react-dnd

我正在尝试以类似于sorting example的方式在react-dnd中使用新的hooks API,但是我的代码无法正常工作,并且我意识到我不理解示例为何起作用。

有人可以解释一下为什么将收集结果中的isDragging标志从usDrag返回的属性返回到正确的函数组件后,该属性会从usDrag返回到正确的函数组件吗?

我对钩子的理解是,它们取决于它们被调用的顺序,并且在幕后useDrag将收集器的结果存储在useState钩子中。当您移动Card时,所有功能组件都将重新呈现,在重新呈现期间将调用useDrag,收集器的结果将从useDrag内部的状态中提取并返回。拖动项目时,它会更改顺序,并且其isDragging字段不应随其移动,而应保持“附加”到原始索引。这正是我在代码中看到的错误,但是该示例确实可以正常工作。我缺少什么(可能是基本的东西)?

0 个答案:

没有答案