0
有多种元素,我想拖动和投掷的在同一时间 - 使用react dnd
。 这意味着我需要拖动其中一个元素并将其放到另一个元素上。反应,和/ DND:使一个组件拖动和投掷的同时
首先,我定义为MyComponent的DragSource。这工作到目前为止。 但我该如何设置相同组件的DropTarget?
import React, { Component } from 'react'
import { DragSource, DropTarget } from 'react-dnd'
const elementSource = {
beginDrag (props) {
return { }
}
}
const elementTarget = {
drop (props, monitor) { }
}
function collect (connect, monitor) {
return {
connectDragSource: connect.dragSource(),
isDragging: monitor.isDragging(),
connectDropTarget: connect.dropTarget(),
isOver: monitor.isOver()
}
}
class MyComponent extends Component {
render() {
const { connectDragSource, isDragging, connectDropTarget, isOver } = this.props
return connectDragSource(
<div style={{ opacity: isDragging ? 0.5 : 1 }} >
Just an example
</div>
)
}
}
export default DragSource('element', elementSource, collect)(MyComponent)