Why the image does not get rendered by directly using src attribute in react?

Question

In my react project when I used src="" to provide address for an img element it didn't get rendered while I use the same image address with import it worked well.

This is when I used src attribute

This is when I used import

Why is this happens?

My working directory:

/public
    index.html
/src
App.js
index.js
    /components
        Contact.js
    /images
        felix.png

try wrapping your src using { }. like this <img src={"image path"} /> — karthik
– karthik, Commented Jan 6, 2023 at 8:31

Manish Jha · Accepted Answer · 2023-01-06 08:17:29Z

4

You need to add image to public directory so you can directly access it through src like :

<img src="/your-image-name.png" />

answered Jan 6, 2023 at 8:17

Manish Jha

3553 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why the image does not get rendered by directly using src attribute in react?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related