Реагировать на события мыши: onClick не срабатывает после перетаскивания

Question

У меня есть приложение реагирования для функции перетаскивания.Перед перетаскиванием, когда я нажимаю <img>, срабатывает onClick и работает определение функции onClick.После этого я перетащил изображение и поместил его внутрь div, после чего событие onClick не срабатывает, когда я щелкаю элемент.

В чем может быть причина?Кто-нибудь может помочь?

<img 
    id="drag1" 
    draggable="true" 
    onDragStart={this.drag.bind(this)} 
    onClick={this.click.bind(this)}
    alt="sample" src="designs.png">
</img>