response-beautiful-dnd: при наличии нескольких списков перетаскивание содержимого в одну строку приводит к перетаскиванию одного и того же индекса из всех строк.

Question

У меня есть простое приложение response-beautiful-dnd, в котором у меня есть несколько строк, и вы можете перетаскивать компоненты в свои собственные строки.

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

Вот рисунок, демонстрирующий мою проблему:

А вот коды и поле с интерактивная демонстрация проблемы с пошаговым воспроизведением проблемы:

https://codesandbox.io/s/r-b-d-try-2-wgscc?fontsize=14&hidenavigation=1&theme=dark

Answer 1

Я думаю, что ваша проблема вызвана повторным использованием перетаскиваемых идентификаторов. Ваши идентификаторы в настоящее время основаны на индексе квадрата. Это будет повторяться для разных строк. Попробуйте перейти к уникальному идентификатору для каждого квадрата

Подробнее см. Здесь: https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/identifiers.md