ドラッグイベントをJavascript（React）のコンテナdivに制限するにはどうすればよいですか？

Question

下のコードで作成されたdiv要素には境界線が含まれています。境界線でサムネイルをドラッグすると、ドラッグイベントのターゲット（ev.target）がdiv要素になります。囲まれた画像でサムネイルをドラッグすると、ターゲットは画像そのものになります。

私はドラッグイベントのターゲットを常に含むdivにしたいと思います。私はサムネイルに囲まれた画像を変更できるようにこれをやろうとしています。

今後の進め方に関するアドバイスをありがとうございます。

function Photo_Thumbnail(props){ 
    return (
     <div draggable="true" onDragStart={dragStart} onDragOver={dragover_handler} onDrop={drop_handler}> 
      <Thumbnail src={props.photo}/> 
     </div> 
    ); 
} 

Answer 1

私はこれを自分自身で解決することができました。

ドラッグイベントハンドラでは、event.targetの代わりにevent.currentTarget属性を使用します。これは、ドラッグイベントがバインドされているdom要素を取得します。