Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用React With Redux、ES6实现拖放?_Reactjs_Redux_React Dnd - Fatal编程技术网

Reactjs 如何使用React With Redux、ES6实现拖放?

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 您可以从下面的链接获得示例

我必须使用 `

反应dnd

我们知道Redux使事情变得更容易,但是当我们集成React,Redux,以利用拖放操作时,它变得复杂,当我这样做时,我面临以下问题

  • 示例主要来自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