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/