javascript - ReactJS:在多个列表之间拖放

我是ReactJS的新手。
我有一个类似这样的组件：

<Section/>
   <Lesson/>
   <Lesson/>
   <Lesson/>
<Section/>
   <Lesson/>
   <Lesson/>
<Section/>
   <Lesson/>
   <Lesson/>
   <Lesson/>

如何在这些部分之间拖放课程？
我找到了一个库帮助：https://github.com/bevacqua/react-dragula，但是我对ref部分ReactDOM有点困惑

最佳答案

我看了德拉古拉的例子。他们正在使用React的ref Callback Attribute功能。

从文档中：


  React支持一个可以附加到任何组件的特殊属性。 ref属性可以是一个回调函数，并且该回调将在组件安装后立即执行。被引用的组件将作为参数传递，并且回调函数可以立即使用该组件，或保存引用以供将来使用（或两者都使用）。