Doesn't work with string interpolation if the images folder isn't in the current directory

[arimendelow]

If you've got images that are used by several different components, it's a good idea to have them only once in your project and then just require them wherever needed, like this:

require("../../images/image.jpg")
require("./images/image.jpg")

with these both referencing the same file. This works, as expected.

Similarly, if you're displaying an array of objects, it's nice to be able to do this:

objects = [
   {image: "./images/photo.jpg"},
   etc...
]

objects.map((object) => {
   <img
      src=require{`${object.image}`}
   />
}

This also works perfectly.

What doesn't work is attempting to combine the two:

objects = [
   {image: "../../images/photo.jpg"},
   etc...
]

objects.map((object) => {
   <img
      src=require{`${object.image}`}
   />
}

This throws an error stating that it Cannot find module '../../images/image.jpg'.

Why is this?

[chaddjohnson]

Using a partially dynamic path as suggested here is what worked for me.

[albertpeiro]

Found a similar issue with size param:
#156