代码之家  ›  专栏  ›  技术社区  ›  alexfrize

React拖放-React dnd-使组件可同时拖放(应用两个角色-拖放)

  •  0
  • alexfrize  · 技术社区  · 6 年前

    我创建了我的应用程序的简化版本。

    https://codesandbox.io/s/quirky-glade-x4h51

    Current app layout

    当前版本有书签(顶行)和书签的位置。 当使用从书签行拖动书签并将其放置到某个位置时,一切正常。

    我将PlaceForChart组件包装到DropTarget()和DragSource()并导出包装的组件。但它不能正常工作。 如果去掉任何包装纸,它就会起作用。

    当前,当用户尝试拖动任何PlaceForChart组件(橙色)时,该组件将更改颜色(如预期),但不会移动。

    如何让它工作?

    0 回复  |  直到 6 年前
        1
  •  0
  •   alexfrize    6 年前

    我在PlaceForChart.tsx中更改了key={Math.random()},它开始工作。还有其他一些问题,但它们与dnd行为无关。这是最主要的一个。

    工作版本: https://codesandbox.io/s/billowing-wave-tjugx