首页 > 解决方案 > react-dnd 文档如何显示 `dragPreview` 与 `useDrag` 钩子一起使用

问题描述

在钩子的文档中,它显示了一个三元运算符,用于根据 if设置为 trueuseDrag来确定是否显示dragPreviewor元素。dragisDragging

return collected.isDragging ? (
    <div ref={dragPreview} />
  ) : (
    <div ref={drag} {...collected}>
      ...
    </div>
  )

我的问题是,元素不会dragPreview总是被抛在后面吗?所有其他示例都将dragPreview元素显示为环绕drag元素。所以它们都是同时渲染的,并且在启动拖动时都可用。但是如果有条件地渲染dragPreviewifisDragging设置为 true 总是为时已晚,而只是将元素留在元素的位置,难道不会有条件地渲染drag吗?

标签: javascripthtmlreactjsdomreact-dnd

解决方案


推荐阅读