在React.js中拖放。如何在setDragImage中传递自定义react组件

Question

我正在React.js中实现拖放。我如何在React.js中通过实现Darg和Drop传递自定义的react组件。我想将自定义的react组件作为我的draggle组件的预览图像。如何在setDragImage中传递自定义react组件。我不要照片。

onDragStart = (e, index) => {

    this.draggedIndex = index;
    this.draggedItem = this.state.list[index];
    e.dataTransfer.effectAllowed = "move";
    e.dataTransfer.setData("text/html", e.target.parentNode);
    e.dataTransfer.setDragImage(e.target.parentNode, 20, 20);
};

预期结果是自定义预览组件。

预先感谢