Reactjs cannot load images from json

Question

Apparently importing image url from json file doesn't work and gives such an output. But if i import them this way : {require("hardcoded url")} they work but if i use variables like in the image below the image doesn't load up or like : {require(project.image)} then the whole page goes to the background color.

react code: json file:

OUTPUT:

monim · Accepted Answer · 2022-07-22 21:11:43Z

1

You can add require() to all image keys in your JSON file.

example :

change : "image": "images/personalewebsite.png",
to : "image": "require('images/personalewebsite.png')"

this is a demo in codesandbox

edited Jul 22, 2022 at 21:11

answered Jul 22, 2022 at 20:32

monim

4,4762 gold badges14 silver badges30 bronze badges

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

1 Comment

compli Over a year ago

thank you so much!!! i also figured out the same solution later that night

Collectives™ on Stack Overflow

Reactjs cannot load images from json

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related