如何使用React与Redux，ES6实现拖放？

Question

我必须使用。实现拖放 `

  

react-dnd https://www.npmjs.com/package/react-dnd

我们知道Redux使事情变得更容易，但是当我们整合 React，Redux，使用拖放时，它变得复杂了，当我这样做时，我面临以下问题。

• 示例主要来自ES7，
• 当连接到Redux时，不知道＆＃34;如何发送行动＆＃34; （以正确的方式），
• 太难理解流程作为初学者

有没有正确的方法呢？或任何简单的例子

Answer 1

经过一些研究后我才知道，

1.react-dnd与 redux 建立在调度操作中没有任何困难，

2.我们必须按以下方式将ES7转换为ES6

  

ES7

import { DragSource } from 'react-dnd';

@DragSource(type, spec, collect)
export default class MyComponent {
  /* ... */
}

  

我们以下面的方式使用ES6

import { DragSource } from 'react-dnd';

class MyComponent {
  /* ... */
}

export default DragSource(type, spec, collect)(MyComponent);

  

您可以从以下链接中获取示例

https://react-dnd.github.io/react-dnd/docs-faq.html