Реагировать с таблицей

Question

Я пытаюсь использовать react-sortable-hoc с таблицами булма, так что SortableItem будет tr, Проблема заключается в следующем: для того, чтобы строка таблицы получила стилизацию в bulma, она должна иметь некоторый родительский элемент table -элемент с классом table, При попытке переместить tr потому что он находится прямо перед концом body -элемент, он не имеет table - родитель больше, все стили потеряны, и ряд разрушается.

Как бы я решил это? Я видел, как другие библиотеки перетаскивания (не специфичные для реакции) решали эту проблему, по сути снимая скриншот с элемента и перемещая img вместо этого... это уже помогло бы мне, если бы я мог манипулировать, как именно tr добавляется к телу. Есть ли еще одна легкая библиотека dnd-реагировать-библиотека, которая могла бы сделать это, если я не могу решить с react-sortable-hoc? Заранее благодарю за любую помощь.

Answer 1

Я смог решить это в конце, используя комбинацию предоставленных событий (updateBeforeSortStart а также onSortStart). Подход выглядит так:

1. Получить узел в updateBeforeStartсохранить стили для всех своих детей, используя window.getComputedStyle
2. В onSortStart получить строку (это жестко document.querySelector(body > tr:last-of-type), что немного уродливо и применить стиль ко всем своим детям

Это было изложено здесь и было слегка изменено мной.