如何在react-beautifull-dnd中将可拖动项返回到其原始可放置区域 图书馆

问题描述

用例

• 我想将课程从列表拖到时间表上。
• 当用户将课程放到时间表上时，它将被绘制在时间表上。
• 我希望删除的课程重新回到其来源列表中。

组件树

• 布局（DragDropContext，用于子组件的布局）
  • CourseSearch（可拖放，这是一个显示课程列表的搜索组件。）
    • 课程（可拖动，这是用户将要安排在课程表上的课程）
  • 时间表（常规组件，它将根据状态添加课程）

到目前为止，我可以通过更改时间表组件的状态来添加课程。 我可以将课程拖放到courseSearch组件中。 我遇到的麻烦是了解如何最好地将课程拖放到tiMetable组件上。 时间表组件绘制了课程，所以我不希望它是可拖放的。 我希望课程返回到courseSearch列表，并更改tiMetable的状态（如果将其放置在该组件上）。

摘要

当时间表根据状态绘制课程时，如何最好地将课程列表中的拖放操作添加到时间表中。另外，我希望课程即使移到时间表上也不会移动并保留在课程列表中。

图书馆

https://github.com/atlassian/react-beautiful-dnd

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）