Drag & Drop

Start

2つのリストを作成するときにdrag&dropを実現したい.
onDragStartとonDragOverを使用してドラッグアンドドロップを実行できます.

Goal

ドラッグ＆ドロップの実装

1. draggable

draggableプロパティは、要素がドラッグ可能かどうかを示します.
したがって、ドラッグを可能にするには、真のドラッグ可能なプロパティを指定する必要があります.

<div draggable={true}>드래그 가능</div>

2.onDragStart

onDragStartイベントは、ドラッグ開始時に発生します.

3. onDragOver

onDragOverアクティビティは、ドラッグ可能なレイヤーが自身の上を通過したときに発生します.