Блог

В документации к useDrag крючку показан тернарный оператор, используемый для определения dragPreview того, показывать ли drag элемент или, в зависимости от того, установлено ли isDragging значение true.

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

Мой вопрос в том, не будет ли dragPreview элемент всегда оставаться позади? Все остальные примеры показывают dragPreview элемент как обертывание вокруг drag элемента. Таким образом, они оба отображаются одновременно и оба доступны при инициировании перетаскивания. Но не будет ли условный рендеринг dragPreview , если isDragging установлено значение true, всегда слишком поздно и просто оставить элемент на месте drag элемента?