当拖动和元素时会出现一些奇怪的样式。

Question

使用react-beautiful-dnd库，在拖动元素时(在删除它之前)，我的列上会出现一个奇怪的黑点。

例：

-

Answer 1

这是因为当您拖动一个元素时，{provided.placeholder}会激活，然后在DOM上插入一个元素，这个元素可能是一个"li"，一个"div“等等。根据你的标记。

<Droppable droppableId="droppable-1">
  {(provided, snapshot) => (
  <div ref={provided.innerRef} {...provided.droppableProps}>
     <li>
       My element
     </li>
    {provided.placeholder}
 </div>

  )}
</Droppable>

，因此解决方案是，您需要对影响自动插入元素.的样式(或删除样式)进行样式设置。

可能是CSS类，如：

li {
    list-style: none;
}

将删除黑点，因为它将影响{provided.placeholder}元素(万一它是"li")。