如何在拖放中覆盖 <MTableBody />？

Question

我正在尝试为材质 UI 表 (https://material-table.com/#/docs/features/editable) 实现拖放。 下面的代码工作正常，但问题是下面代码中的“div”标签弄乱了我的表（css）。 我不想在“div”标签中给出“ref”，而是想在表体中更新。

请帮助我。

使用“react-beautiful-dnd”进行拖放。

Body: (props) => (
              
    
    <DragDropContext onDragEnd={onDragEnd}>
                <Droppable droppableId="droppable">
                  {(provided) => (
                     <div ref={provided.innerRef}>
                      <MTableBody {...props}/>
                       {provided.placeholder}
                     </div>
                  )}
                </Droppable>
              </DragDropContext>
              ),