Drag and Drop через react-beautiful-dnd
делаю элемент. и не как не могу понять в чем ошибка, не видит элемента с таким айди Помогите пожалуйста, это у меня повылазило,и я не вижу где айди накинуть нужное, или у него...
сам элемент
<div className="container-draggable">
<DragDropContext onDragEnd={onDragEnd}>
<Droppable droppableId="exercises">
{(provided) => (
<div
{...provided.droppableProps}
ref={provided.innerRef}
>
{training.exercises.map((exercise, index) => {
return (
<Draggable
key={exercise.exercise_id}
draggableId={`${exercise.exercise_id}`}
index={index}
>
{(provided) => (
<div
ref={provided.innerRef}
{...provided.draggableProps}
{...provided.dragHandleProps}
className={s.template_detail_exercises}
>
<div
className={
s.template_detail_exercises_desc
}
>
<p>тут еще элементы</p>
</div>
</div>
)}
</Draggable>
);
})}
{provided.placeholder}
</div>
)}
</Droppable>
</DragDropContext>
</div>
Ответы (1 шт):
Автор решения: Максим Арбаков
→ Ссылка
Может кто столкнётся, с такой же проблемой, То все оказалось, так просто, что аж глупо.
в Droppable необходимо добавить ключ, без него не работает
<Droppable droppableId="exercises" key={index}>
в моем случае, он такой от верхнего элемента.