React:拖动占用空间最小、模型/视图分离的div

Question

使反应渲染的DOM元素可拖动的最佳方法是什么

• 不使用像jQuery 这样的外部工具

• 最小代码占用

• 具有正确的视图和模型范围分离

到目前为止，这是我的代码（ES6，由webpack中的babel.js编译）的主要部分：

查看

export default React.createClass({
    isDragged(){
        console.log('what now?')  
    },
    render () {
        return(
            <div draggable='true' onDrag={this.isDragged}>
            </div>
        )
    }
})

型号

export default Model.extend({
    props: {
        x: 'number',
        y: 'number'
    }
})

Answer 1

有一个很棒的库叫做react dnd，可以帮助

http://gaearon.github.io/react-dnd/