dnd-kit - 拖动项目比光标移动得快

Question

我使用 dnd-kit 拖放按钮，但是当我拖动它们时，按钮的移动速度比光标快，并且最终位于与光标不同的位置，如您所见

这是我使用的代码：

function GridWard(){
        return(
       <Grid container spacing={3} >
            <DndContext 
                onDragEnd={orderUpdate}>
                <SortableContext items={bedsSorted.map(bed => bed.order.toString())}>
                        <Droppable id="droppable">
                            {
                                bedsSorted.map((bed, index) => {
                                    return(
                                        
                                        <SortableItem
                                            key={index}
                                            id={index.toString()}>
                                            <BedButton name={bed.name} onClick={() => editBed(bed)}
                                                type="edit" active={bed.active} deleteCallBack={(e:Event) => deleteBed(e, bed)}
                                                gender={bed.gender === 0 ? "male" : bed.gender === 1 ? "female" : "any"} 
                                            />                                               
                                            </SortableItem>
                                        
                                    )
                                })
                            } 
                        </Droppable>
                    
                </SortableContext>
            </DndContext>
        </Grid>
     );
 }

标签： dnd-kit