Comment implémenter glisser et déposer en utilisant React avec Redux, ES6?

Question

je dois mettre en œuvre glisser-déposer à l'aide du `

réagissons-DNDhttps://www.npmjs.com/package/react-dnd

Nous savions que Redux rend les choses plus faciles, mais quand nous intégrer React, Redux, de faire l'utilisation de glisser-déposer devient compliqué, je suis confronté aux problèmes suivants lorsque je fais cela.

• Les exemples sont la plupart du temps de ES7,
• lors de la connexion à Redux aucune idée « comment envoyer des actions » (dans une bonne façon),
• Trop dur pour comprendre le flux comme un débutant

Y at-il une bonne façon de le faire? ou des exemples simples

Answer 1

Après quelques recherches, je suis arrivé à savoir que,

1.react-DND est inbuild avec Redux il n'y a pas de difficultés dans les actions Dispatch,

2.We ont à convertir ES7 à ES6 de la manière suivante

ES7

import { DragSource } from 'react-dnd'; 

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

Nous avons utiliser ES6 de la manière ci-dessous

import { DragSource } from 'react-dnd'; 

class MyComponent { 
    /* ... */ 
} 

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

Vous pouvez obtenir les exemples du lien ci-dessous

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