如何解决在React dnd中,previewOptions似乎无法与useDrag一起使用
我一直在尝试通过在我的useDrag中添加带有值PreviewOptions:{offsetX:0,offsetY:0}的PreviewOptions来将相对于指针的预览图像位置固定在左上方,但似乎没有任何效果。无论是否使用useDrag,我都可以通过任何方式解决此问题?
const Items = ({
name,icon,preview: imageSource,}) => {
const [{ isDragging },drag,preview] = useDrag({
item: { name,type: 'item' },previewOptions: {
offsetX: 0,offsetY: 0,},collect: (monitor) => ({
isDragging: monitor.isDragging(),}),});
const opacity = isDragging ? 'opacity: 0.5' : 'opacity: 1';
return (
<>
<DragPreviewImage connect={preview} src={imageSource} />
<div ref={drag} className={className} style={{ opacity }}>
<div>
<img src={icon} alt="img" />
</div>
</div>
</>
);
};
我试图做的事情类似于拖动draw.io
You see when i started to drag my pointer is at the bottom right
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。