如何使用 react-beautiful-dnd 和 material ui 在 2 列之间拖放项目

Question

仍然是新的编码。 我想使用 React JS、Material UI 和 react-beautiful-dnd 在 2 列（从早上到晚上，反之亦然）之间拖放东西。

我设法拖放东西，但仅在他们自己的列上，我似乎无法让它工作。我怎样才能做到这一点？

这是代码：https://codesandbox.io/s/react-3s67c

谢谢！

Answer 1

您需要按照文档进行操作，Material-UI 没有问题。

您需要学习图书馆的课程：https://egghead.io/lessons/react-conditionally-allow-movement-using-react-beautiful-dnd-draggable-and-droppable-props

我不会做你的工作，但只要按照文档和示例进行操作即可。

https://react-beautiful-dnd.netlify.app/?path=/story/board--simple