title: How can I prevent drag and drop images in a react app?
body: <p>We got <a href="https://stackoverflow.com/questions/4211909/disable-dragging-an-image-from-an-html-page">how to prevent drag drop image with jquery</a> with <code>$('img').on('dragstart', function(event) { event.preventDefault(); });</code> but I want to achieve the same in a react app, and without jquery. How can I do this ? a) locally (image per image) b) globally (for all images of the react app)</p>
  
  <p>I still want to keep control over other interactions, so <code>img { pointer-events: none; }</code> is not a solution.</p>
  
  <p>The goal is to prevent saving image through drag and drop.</p>