dnd-kit多容器拖拽场景下onDragOver回调避免多次状态更新的问题求助
dnd-kit多容器拖拽场景下onDragOver回调避免多次状态更新的问题求助
各位使用过dnd-kit的朋友们,我遇到了一个棘手的问题想请教大家!
我最近基于dnd-kit实现了多容器之间的拖拽功能,核心逻辑是在handleDragOver回调函数里,实时更新组件状态来同步拖拽项在不同容器间的位置变化。原本少量拖拽项的时候一切正常,但当我添加了大量拖拽项,并且在多个容器之间来回移动它们时,React直接抛出了状态更新次数超限的错误。
我仔细排查后发现,问题出在handleDragOver的触发频率上——这个函数在拖拽过程中会被高频调用,而我每次触发都执行了状态更新操作,短时间内的更新次数直接超出了React的限制阈值。
有没有朋友在dnd-kit的多容器拖拽场景下遇到过类似的问题?能不能分享下你们是怎么优化这个逻辑,避免频繁状态更新导致的报错呀?
内容来源于stack exchange
相关产品推荐
相关产品推荐

