title: Displaying alt content instead of image in React js
body: <p><a href="https://i.stack.imgur.com/QIvD2.png" rel="nofollow noreferrer">image not displaying</a></p>
  <pre><code>function ProductScreen(props) {
  const product = data.products.find((x) =&gt; x._id === props.match.params.id)
   
  &lt;div className=&quot;col-2&quot;&gt;
                  &lt;img className=&quot;large&quot; src={product.image} alt={product.name}/&gt;
              &lt;/div&gt;
  </code></pre>
  <p>I'm trying to render the image of specific id but only alt attribute is being displayed. Can anyone help me with it. Thankyou</p>