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

Question

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

我设法拖放东西，但只在它们自己的栏目上，我似乎不能使它工作。我如何才能做到这一点？

下面是代码：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