I have a component where I want to display an image:
import React from 'react'
import background from '../media/content-background.jpg'
function ContentPage(){
return(
<div id="content-page">
<div id="content-header">
<img href={background} alt='back'/>
</div>
<div id="content-body">
</div>
</div>
)
}
export default ContentPage
The image is displaying correctly as I can see it when I check the URL in the inspector.
https://i.stack.imgur.com/00lXe.png
However, on the webpage only the alt text is appearing: