Reactjs 将可排序的hoc与表进行反应

Reactjs 将可排序的hoc与表进行反应,reactjs,bulma,react-sortable-hoc,Reactjs,Bulma,React Sortable Hoc,我试图使用with,因此SortableItem将是tr。问题是:对于要在bulma中获得样式的表行,它需要有一些父元素table-和类table。当尝试移动tr时,由于它正好位于主体-元素的末尾之前,因此它不再具有表-父元素,所有样式都将丢失,行将折叠 我该如何解决这个问题?我见过其他拖放库(不是react-specific)通过截屏元素和移动img来解决这类问题。。。如果我能操纵tr如何准确地附加到正文中,这将对我有所帮助。如果我无法使用react sortable hoc,是否还有另一个轻

我试图使用with,因此
SortableItem
将是
tr
。问题是:对于要在bulma中获得样式的表行,它需要有一些父元素
table
-和类
table
。当尝试移动
tr
时,由于它正好位于
主体
-元素的末尾之前,因此它不再具有
-父元素,所有样式都将丢失,行将折叠


我该如何解决这个问题?我见过其他拖放库(不是react-specific)通过截屏元素和移动
img
来解决这类问题。。。如果我能操纵
tr
如何准确地附加到正文中,这将对我有所帮助。如果我无法使用
react sortable hoc
,是否还有另一个轻量级dnd react库可以这样做?提前感谢您的帮助。

我最终通过组合提供的事件(
updatebeforeststart
onSortStart
)解决了这个问题。 方法如下:

  • updateBeforeStart
    中获取节点,使用
    窗口保存其所有子节点的样式。getComputedStyle
  • 在onSortStart中,获取行(硬编码为
    document.querySelector(body>tr:last of type)
    ,这有点难看,并将样式应用于其所有子项
  • 这是概述,并略有修改我