reactjs - 如何使用 React With Redux 和 ES6 实现拖放？

Question

我必须使用`实现拖放

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

我们知道 Redux 让事情变得更容易，但是当我们集成React、Redux 以利用拖放变得复杂时，我这样做时面临以下问题。

• 示例大多来自 ES7 ，
• 连接到 Redux 时不知道“如何调度操作”（以正确的方式），
• 作为初学者很难理解流程

有什么正确的方法吗？或任何简单的例子

Answer 1

经过一番研究，我知道了，

1.react-dnd 是内置在redux中的，在 Dispatch 操作中没有困难，

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