Question

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

在拖动之前看起来很好：

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

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

你能帮我解释为什么样式丢失以及如何解决它？

谢谢。

Answer 1

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

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

这种风格不适用，因为当时draggable-element类的元素不是parent-component类元素的子元素。