reactjs load images from their local path

Question

I am trying to load an array of images, through their path which i am taking from a rest api but i am taking the error:

Module not found: Can't resolve 'tempString' in 'C:\Users\User\Desktop\React\yiannis\touch\touch\touch\src\pages\en'

and the code is:

{photo.map(image=>( 
                              //tempString = image.replace("../","../../"),
                              this.setState({tempString : image.replace("../","../../")}),   
                               currentImage = require('tempString')
                              //Images.push(currentImage)  
                        ))}

Any ideas what am i doing wrong?

Root · Accepted Answer · 2018-11-14 12:39:41Z

1

I think you miss const,you haven't define tempString but to pass date to it.

const tempString = image.replace("../","../../")

And here, what is 'tempString',I think there are some problems here.

require('tempString')

Edit 2:

const Image = []
{photo.map((image) => (
   Image.push(image.replace("../","../../"))
)}

edited Nov 14, 2018 at 12:39

answered Nov 13, 2018 at 13:13

Root

2,3611 gold badge13 silver badges14 bronze badges

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

2 Comments

yan Over a year ago

is there any way to import or push the images into Images array without defining tempString as a const?

Root Over a year ago

@yan I have changed my answer.Just omit the const.

Collectives™ on Stack Overflow

reactjs load images from their local path

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related