React-dnd - changer le style de dropTargets sur dragStart

Question

J'ai une application qui montre plusieurs pages qui peuvent être déplacées. Comme le contenu de ceux-ci peut devenir très long, je veux afficher uniquement le nom de la page et limiter la hauteur de la page à environ 50px sur beginDrag() et réinitialiser la hauteur à auto sur endDrag(). Malheureusement, cela ne marche pas, les styles sont simplement ignorés. Je pense que cela se produit parce que react-dnd doit garder la proportion des éléments pour pouvoir gérer les drop-targets et sait quel composant est à quelle position. Y a-t-il un autre moyen d'accomplir cela?

Answer 1

Je ne suis pas sûr de comprendre le problème, mais peut-être connectDragPreview peut vous aider?

Quelques infos utiles here

Answer 2

Si vous utilisez un dragPreview il utilisera alors que, au lieu du composant capture d'écran-ed, semblable à ce qu'il fait dans le tutoriel (http://gaearon.github.io/react-dnd/docs-tutorial.html):

componentDidMount: function() { 
    var connectDragPreview = this.props.connectDragPreview; 
    var myPlaceholder = <Placeholder /> // A fake component with the height you want 
    myPlaceholder.onload = function() { 
    connectDragPreview(myPlaceholder); 
    } 
} 

(Notez que vous devrez injecter le connectDragPreview à travers le collecteur comme il l'a fait aussi)