Проблема в React beautiful dnd со списком материалов.

Question

Я пытаюсь создать перестраиваемый список пользовательского интерфейса материала с реагировать на красивый dnd. Все работает нормально, за исключением ListItemSecondaryAction в списке. (т.е.) Когда я перетаскиваю элемент списка, ListItemText и ListItemIcon можно перетаскивать. ListItemSecondaryAction просто остается в том же месте и переставляется только тогда, когда этот конкретный элемент отброшен.

Вы можете попробовать то же самое в ссылке песочницы: https://codesandbox.io/s/4qp6vjp319

Изменение позиции ListItemSecondaryAction не решило проблему.

Answer 1

Решение

Переместите IconButton из ListItemSecondaryAction, чтобы решить эту проблему

• Изменить с

<ListItemText
  primary={item.primary}
  secondary={item.secondary}
/>
<ListItemSecondaryAction>
  <IconButton>
    <EditIcon />
  </IconButton>
</ListItemSecondaryAction>

• До

<ListItemText
  primary={item.primary}
  secondary={item.secondary}
/>
<ListItemIcon>
  <IconButton>
    <EditIcon />
  </IconButton>
</ListItemIcon>
<ListItemSecondaryAction />

---

Снимок экрана

---