javascript - 在拖放和拖动中反应 DnD 孩子

Question

我正在准备一个家庭作业项目。使用 React DnD，我想让 "acceptChildren" = true 既可拖动又可放置，. 您也可以像 Flow 一样思考。

示例对象；

  const flow=[{"id":1,"actionName":"Dog","acceptChildren":false,"order":0},
              {"id":3,"actionName":"Monkey","acceptChildren":true,"order":1,
                   "children":[{"id":1,"actionName":"Dog","acceptChildren":false,"order":2}]},
              {id:5,"actionName":"Cat","acceptChildren":false,"order":3}]

示例工作https://codesandbox.io/s/infallible-elbakyan-8pgmn

请帮助我，谢谢！祝你今天过得愉快 ！

标签： javascriptreactjsdrag-and-dropreact-dndreact-beautiful-dnd