Reactjs 如何使用React With Redux、ES6实现拖放?
我必须使用 ` 反应dnd 我们知道Redux使事情变得更容易,但是当我们集成React,Redux,以利用拖放操作时,它变得复杂,当我这样做时,我面临以下问题Reactjs 如何使用React With Redux、ES6实现拖放?,reactjs,redux,react-dnd,Reactjs,Redux,React Dnd,我必须使用 ` 反应dnd 我们知道Redux使事情变得更容易,但是当我们集成React,Redux,以利用拖放操作时,它变得复杂,当我这样做时,我面临以下问题 示例主要来自ES7 连接到Redux时,不知道“如何调度操作”(以适当的方式) 作为初学者,太难理解流程 有什么正确的方法吗?或者任何简单的例子经过一些研究,我知道 1.react-dnd内置于redux中,调度行动没有困难 2.我们必须按以下方式将ES7转换为ES6 ES7 我们通过以下方式使用ES6 您可以从下面的链接获得示例
- 示例主要来自ES7
- 连接到Redux时,不知道“如何调度操作”(以适当的方式)
- 作为初学者,太难理解流程
有什么正确的方法吗?或者任何简单的例子经过一些研究,我知道 1.react-dnd内置于redux中,调度行动没有困难 2.我们必须按以下方式将ES7转换为ES6 ES7 我们通过以下方式使用ES6 您可以从下面的链接获得示例
有一个使用ES6/ES5的示例,您只需单击切换按钮。
import { DragSource } from 'react-dnd';
@DragSource(type, spec, collect)
export default class MyComponent {
/* ... */
}
import { DragSource } from 'react-dnd';
class MyComponent {
/* ... */
}
export default DragSource(type, spec, collect)(MyComponent);
https://react-dnd.github.io/react-dnd/docs-faq.html