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

【问题标题】：react-beautiful-dnd How to styling for dragging item when outside the Droppablereact-beautiful-dnd 如何在 Droppable 之外设置拖动项目的样式
【发布时间】：2020-11-07 08:23:33
【问题描述】：

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

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

请帮助我，非常感谢。

当前观察快照屏幕：

【问题讨论】：

标签： reactjs react-beautiful-dnd

【解决方案1】：

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

【讨论】：

谢谢baymax，但是当我将项目拖到Dragale组件外时，它仍然不显示“全滚动”光标。
可能是因为您必须在分配光标值之前进行传播？否则，该值将被覆盖。例如：``` { ...draggableStyle，光标：isDragging？ “全滚动”：“指针”}```