ReactJS：在多个列表之间拖放答案

【问题标题】：ReactJS: drag and drop between multiple listsReactJS：在多个列表之间拖放
【发布时间】：2016-07-19 10:50:16
【问题描述】：

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

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

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

【问题讨论】：

关于 react，你可以在这里观看精彩的课程：egghead.io/courses/react-fundamentals，关于 react 键你可以在这里阅读：facebook.github.io/react/docs/reconciliation.html#keys
对于拖放，您还可以查看 React DND 库，它得到了很好的支持。

【解决方案1】：

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

来自文档：

React 支持一个可以附加到任何组件的特殊属性。 ref 属性可以是一个回调函数，该回调会在组件挂载后立即执行。被引用的组件将作为参数传入，回调函数可能会立即使用该组件，也可能保存引用以备将来使用（或两者兼而有之）。

【讨论】：

嗨@luboskrnac，感谢您的文档。我遇到了问题：如何获取所有 Sections 的 Ref，因为我只知道使用 React 的 ref 回调功能获取 Section 的 ref 的方法