How do I use a new Image() in react
<p>I am trying to keep an image from reloading when the state changes.
The below image variable is passed into the props of a custom react component.<br>
var img = new Image();          I've already set the src, title, desc, etc.</p>

<p>So my question is.
In the custom react component, how do I take the image object (now a prop titled img) and display it in the render function?</p>

<p>I've already tried</p>

<pre><code>render: function(){
  return &lt;div&gt;{this.props.img}&lt;/div&gt;
}
</code></pre>

<p>But I keep getting a DOM elements are not valid child of React components error.</p>