title: how to add ability of drag@drop to icon on reactjs?
body: <p>I have simple code that i get from the 'create-react-app XXX'  ( xxx is the project name ) </p>
  
  <p>this is the simple code:</p>
  
  <pre><code>class App extends Component {
     render() {
        return (
          &lt;div className="App"&gt;
            &lt;header className="App-header"&gt;
               &lt;h1 className="App-title"&gt;Need drag to here the react icon&lt;/h1&gt;
            &lt;/header&gt;
            &lt;p className="App-intro"&gt;
              To get started  &lt;img src={logo} className="App-logo" alt="logo" /&gt; , edit &lt;code&gt;src/App.js&lt;/code&gt; and save to reload.
            &lt;/p&gt;
          &lt;/div&gt;
        );
   }
    }
  
    export default App;
  </code></pre>
  
  <p>The ui look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/UsTDP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UsTDP.png" alt="enter image description here"></a></p>
  
  <p>I trying to add ability of drad the reactjs icon on the header => that mean that i try to drag it on the black part of the screen </p>
  
  <p>How to do it ?
  I can't find simple way for this </p>