Reactjs 将可排序的hoc与表进行反应
我试图使用with,因此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,是否还有另一个轻
SortableItem
将是tr
。问题是:对于要在bulma中获得样式的表行,它需要有一些父元素table
-和类table
。当尝试移动tr
时,由于它正好位于主体
-元素的末尾之前,因此它不再具有表
-父元素,所有样式都将丢失,行将折叠
我该如何解决这个问题?我见过其他拖放库(不是react-specific)通过截屏元素和移动
img
来解决这类问题。。。如果我能操纵tr
如何准确地附加到正文中,这将对我有所帮助。如果我无法使用react sortable hoc
,是否还有另一个轻量级dnd react库可以这样做?提前感谢您的帮助。我最终通过组合提供的事件(updatebeforeststart
和onSortStart
)解决了这个问题。
方法如下:
updateBeforeStart
中获取节点,使用窗口保存其所有子节点的样式。getComputedStyle
document.querySelector(body>tr:last of type)
,这有点难看,并将样式应用于其所有子项