Antd 菜单有漂亮的麻烦

Question

在一个工作项目中，我需要将 和 菜单组件包装在 ivt 中。尝试这样做后，我得到了不愉快的行为。 bdd 逻辑工作正常，但可视组件不工作。我已经奋斗了几天了，却找不到解决办法。我附上一个视觉示例。尝试向上拖动底部的项目和其他项目。悬停时消失。如何克服这个问题？

https://codesandbox.io/p/sandbox/antd-menu-with-beautiful-dnd-fmkgt8?file=%2Fdnd.js%3A28%2C11

Answer 1

我设法找到一个解决方案，我需要制作一个工作版本。一个不明显的解决方案，但我发现了有关 eventKey 的指示，结果证明它适用于 Item。如果有人需要的话，我会剪成这种形式：

        <DragDropContext>
              <Droppable>
                  <Draggable>
                      <Menu.Item eventKey={1}>Option 1</Menu.Item>
                  </Draggable>
                  <Draggable>
                      <Menu.Item eventKey={2}>Option 2</Menu.Item>
                  </Draggable>
               </Droppable>
        </DragDropContext>
    </Menu> ```