react-beautiful-dnd在Droppable外部时如何样式化拖动项目

Question

当我将其拖动到Dragale组件之外时，我想自定义拖动项目的样式。 当前：我想将光标CSS更改为“ all-scroll”，但它只会影响Dragale组件内部。在Dragale组件之外时，它不会影响。

https://codesandbox.io/s/vertical-list-forked-ifl58?file=/index.js

请帮助我，非常感谢。

current observe snap screen

Answer 1

const getItemStyle = (isDragging, draggableStyle) => ({
  cursor: isDragging ? "all-scroll" : "pointer",
  ...draggableStyle
});