我创建了我的应用程序的简化版本。
https://codesandbox.io/s/quirky-glade-x4h51
当前版本有书签(顶行)和书签的位置。 当使用从书签行拖动书签并将其放置到某个位置时,一切正常。
我将PlaceForChart组件包装到DropTarget()和DragSource()并导出包装的组件。但它不能正常工作。 如果去掉任何包装纸,它就会起作用。
当前,当用户尝试拖动任何PlaceForChart组件(橙色)时,该组件将更改颜色(如预期),但不会移动。
如何让它工作?
我在PlaceForChart.tsx中更改了key={Math.random()},它开始工作。还有其他一些问题,但它们与dnd行为无关。这是最主要的一个。
工作版本: https://codesandbox.io/s/billowing-wave-tjugx