React-dnd: Cómo saber cuando NO está flotando sobre un objetivo de caída

Creado en 22 ene. 2016  ·  2Comentarios  ·  Fuente: react-dnd/react-dnd

Estoy tratando de lanzar acciones redux que ayuden a rastrear varios estados DnD a nivel mundial. Necesito saber si se está arrastrando y qué tipo de objetivo (idealmente exactamente qué objetivo) está flotando. Detectar el arrastre es bastante fácil usando la especificación de la Fuente, pero no puedo encontrar la forma de detectar el movimiento del cursor sobre un objetivo. Tiene el método 'hover' en la especificación, pero se dispara continuamente y, por lo que puedo decir, no hay forma de saber cuándo se detiene el hover. Podría usar tiempos de espera, pero eso parece menos que ideal. Había pensado en envolver el área principal de la aplicación en un dropTarget y usar la verificación 'superficial', pero eso no da información sobre qué tipo de drop target se está moviendo. Sospecho que hay alguna forma en que podría explotar el contexto DnD, pero no he investigado hasta ahora.

question

Comentario más útil

Puede usar componentWillReceiveProps métodos de ciclo nextProps.isOver !== this.props.isOver . Necesitaría agregar isOver: monitor.isOver() a su función DropTarget collect() .

Todos 2 comentarios

Podría vincular mis propios eventos onDrag* para hacer lo que necesito. Agrega una ligera interdependencia entre el código de mi aplicación y react-dnd , en términos de suposiciones sobre qué backend de arrastre estoy usando. Pero probablemente bien.

Puede usar componentWillReceiveProps métodos de ciclo nextProps.isOver !== this.props.isOver . Necesitaría agregar isOver: monitor.isOver() a su función DropTarget collect() .

¿Fue útil esta página
0 / 5 - 0 calificaciones