Question

我尝试访问ondrop函数（可能以后还有其他函数）中的props 但是我无法从那里访问道具。这是代码

'''interact（'。dropzone'）。dropzone（{ //拖放区域中可拖动区域中接受的最小百分比重叠：1，

// listen for drop related events:

ondropactivate: function (event) {
    // add active dropzone feedback
    event.target.classList.add('drop-active')
},
ondragenter: function (event) {
    var draggableElement = event.relatedTarget
    var dropzoneElement = event.target

    // feedback the possibility of a drop
    dropzoneElement.classList.add('drop-target')
    draggableElement.classList.add('can-drop')
},
ondragleave: function (event) {
    event.target.classList.remove('drop-target')
    event.relatedTarget.classList.remove('can-drop')
},
ondrop: function (event) {
    //TODO: rerender widget dragables, save position into store
    let availableOptions = JSON.parse(event.dragEvent.currentTarget.dataset.options).avalibaleOptions
    for( let i=0 ; i < availableOptions ; i++ ) {
        this.props.change(availableOptions);
    }
    console.log("position: ", event.dragEvent.rect)
    console.log("welche Daten sind enthalten?", JSON.parse(event.dragEvent.currentTarget.dataset.options) )
    //löschen und neu erstellen? in den state schreiben reicht? ...
},
ondropdeactivate: function (event) {
    // remove active dropzone feedback
    event.target.classList.remove('drop-active')
    event.target.classList.remove('drop-target')
}

}）''''' this.props.change（availableOptions）是一个简化器。旨在根据数据和div的坐标来更改存储。

我还没有找到解决方法的线索。

Answer 1

经过一些尝试，我只是导入了store并直接使用了store.dispatch（）...

从交互js访问道具“ interact（'。dropzone'）。dropzone

1 个答案: