React: can't display svg images coming from a json file

Hi I can’t display images that are stored in a json file!

When I’m mapping the json file I have access to the path for the image but they wont display.

I know that i can Import each svg images but I would like to display them in the and to use the link provided in the json file.

My code ;

My html in the console:
Capture d’écran 2021-12-04 à 10.55.03

My json file:

I think you should try to put assets folder inside public folder.
because in browser only public folder is served after build.

I tried your solution, but I still can’t access those svg inside my json.

This is te result that I get:

the dot(.) is causing the problem try removing it from the json file.

if you have folders in public or static folder let assets
then you can access them using relative path from public/static folder


1 Like

Your solution fixed my problem, it’s perfect! I learned something new today thanks to you.

I want to thank you a lot. I spent 2 hours this morning trying to fix this problem and searching for solution on Google.

My pleasure, you tried your best but it was related to Back-End so it was the least I could do.