Я пытаюсь получить доступ к реквизиту внутри функции ondrop (и, может быть, позже к другим), но я не могу получить доступ к реквизиту оттуда. Вот код
'' 'взаимодействовать ('. Dropzone '). 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.
Я не нашел ни малейшего понятия, как его решить.