Доступ к атрибутам из перетаскиваемого объекта в массиве .map - PullRequest
Новая
       5

Доступ к атрибутам из перетаскиваемого объекта в массиве .map

0 голосов
/ 17 февраля 2019

Я создаю веб-приложение с React, которое будет классифицировать изображения (семья, друзья и т. Д.).У меня есть массив объектов со свойствами каждого файла, такими как имя файла и категория.Я пытаюсь изменить значение в массиве с помощью события onDrop.У меня есть серия изображений, показанных с .map, и у меня настроено перетаскиваемое событие.Я не уверен, как сказать функции onDrop, что я хочу изменить значение в записи массива, основываясь на том, какое изображение на него сброшено.Например, я бы хотел поместить фотографию в поле «семья» и изменить запись этого изображения в категории «семья». Как получить доступ к идентификатору или атрибутам KEY для каждого сопоставленного элемента?

Iисследовал объект event.dataTransfer, который, вероятно, находится близко, но не может найти подходящую запись или метод 

let images = dummyData.map(image => {
    return (
        <div key={image.number} id={image.number} draggable className="draggableImg" > 
            <img  src={image.awsUrl}  alt="" className="img-responsive" />
        </div>
        )
 });

, поэтому я пытаюсь сохранить номер идентификатора или KEY, чтобы я могустановить этот конкретный индекс массива, что-то еще.Спасибо

...