reactjs - react-beautiful-dnd 如何在 Droppable 之外设置拖动项目的样式

Question

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

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

请帮助我，非常感谢。

当前观察快照屏幕：

标签： reactjsreact-beautiful-dnd

Answer 1

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