如何使用 Tab 布局处理 React dnd 漂亮

如何解决如何使用 Tab 布局处理 React dnd 漂亮

我有两个组件，一个是可放置的，另一个是可拖动的，它们都包含在拖动上下文中，但是当我从选项卡布局切换选项卡时，先前的拖动上下文无法解决此问题，我将选定的元素选项卡传递给主组件，然后在此基础上，我正在重新渲染整个组件。但由于组件的这种性能正在下降。下面添加了代码片段

<DragDropContext
        key={activeIndex}
        onDragEnd={(result) => onDragEnd(result)}
        onDragStart={(item) => onDragStart(item)}
      >
<ComponentA/>
<ComponentB/>
<Drag>
</DragDropContext>```