拖动元素时丢失样式

【问题标题】：Lost styles while dragging elements拖动元素时丢失样式
【发布时间】：2017-09-13 12:44:37
【问题描述】：

我在 React.js 中开发了一个项目，我使用 react-sortable-hoc 插件来拖动元素。我想拖动带有输入的部分。

在拖动之前它看起来不错：

如果我拖动元素，它看起来像这样：

因此，当我拖动它时，输入、文本区域和所有表单元素中的样式都会丢失。

您能帮我解决样式丢失的原因以及如何解决吗？

谢谢。

【问题讨论】：

【解决方案1】：

当你拖动元素时，react-sortable-hoc 插件会将此元素附加到body。如果您的样式中有级联，例如：

.parent-component .draggable-element {
 // some styles
}

此样式将不适用，因为此时 draggable-element 类元素不是 parent-component 类元素的子元素。

【讨论】：

很好的回复！它解决了我的问题。谢谢你:)
恰好我前两天遇到了同样的问题:)
你能帮我做一件事吗？正如我所写的，我有一些带有输入的可拖动元素。如果我写一些东西来输入并将其拖动到不同的位置，则更改的输入会停留在最后一个位置。我为此使用 DragHandle。感谢您的帮助。
你为我节省了很多时间。谢谢！
非常感谢您的回答。层叠样式是我最不想考虑的事情。你真的节省了我很多时间。