Ошибка: Uncaught [Ошибка: Инвариант не удалось: дескриптор перетаскивания не смог получить перетаскиваемый ref] при использовании React Beautiful drag and drop - PullRequest
Новая
       23

Ошибка: Uncaught [Ошибка: Инвариант не удалось: дескриптор перетаскивания не смог получить перетаскиваемый ref] при использовании React Beautiful drag and drop

0 голосов
/ 14 июня 2019

В моем проекте я использую пакет типа «перетащить и бросить» класса atlassian.У меня есть простая таблица со строками, которые можно перетаскивать.Это выглядит так: 

   <DragDropContext onDragEnd={onDragEnd}>
      <Droppable droppableId="droppable">
        {(provided) => (
          <div
            {...provided.droppableProps}
            ref={provided.innerRef}
          >
            <EnhancedSortableTable
              headerColumns={headerColumns}
              data={sortedTasks}
              urlParams={urlParams}
              pushToHistory={pushToHistory}
              withPaging={false}
              withRowSelecting={false}
            >
              <TaskRow onOpen={onOpen}/>
            </EnhancedSortableTable>
          </div>
        )}
      </Droppable>
    </DragDropContext>

И это компонент TaskRow: 

<Draggable
    key={task.id}
    draggableId={task.id}
    index={index}
  >
    {(provided, snapshot) => (
        <tr
          role="checkbox"
          aria-checked={isSelected}
          tabIndex={-1}
          key={oppgave.id}
          testid={oppgave.id}
          selected={isSelected}
          ref={provided.innerRef}
          {...provided.draggableProps}
          {...provided.dragHandleProps}
          style={getItemStyle(
            snapshot.isDragging,
            provided.draggableProps.style
          )}
        >
          <TableCell component="th" scope="row">
            {task.id}
          </TableCell>
          <TableCell>
            {task.text}
          </TableCell>
          <TableCell align="left">{task.tema}</TableCell>
          <TableCell><Button variant="contained" onClick={() => onOpen(task)}>Open for details</Button></TableCell>
        </tr>
    )}
  </Draggable>

Это отлично работает в браузере, но когда я запускаю тесты, я получаю: 

Error: Uncaught [Error: Invariant failed: Drag handle could not obtain draggable ref]

Как я могу это исправить?

...