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

Question

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

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

如何在这些部分中拖放类(class)？我找到了图书馆帮助:https://github.com/bevacqua/react-dragula ，但我对 ref 部分 ReactDOM

有点困惑

Answer 1

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

来自文档:

React supports a special attribute that you can attach to any component. The ref attribute can be a callback function, and this callback will be executed immediately after the component is mounted. The referenced component will be passed in as a parameter, and the callback function may use the component immediately, or save the reference for future use (or both).