Why does require not work on react when it is past with a function?

Question

I have the following component in react that dinamically loads an image:

<img src {require(getImgPath()).default}/>

This component throws the following error: Cannot find module './images/abc.svg'

If I change the component to the following:

<img src {require(`${getImgPath()}`).default}/>

Then it works. Why is that?

I also tried this without success:

<img src {require(getImgPath().toString()).default}/>

Did you try `require(() => getImgPath())` – Sinan Yaman Apr 01 '21 at 13:58 — Sinan Yaman, Apr 01 '21 at 13:58

score -1 · Answer 1 · answered Apr 01 '21 at 13:53

-1

 <Image style={{width:"100%",height:75,borderTopRightRadius:6,borderTopLeftRadius:6,marginBottom:5}}
          source={{
            uri: 'https://example.com/'+param.id.toString()+'.jpg',
  }} />

U can use dynamic path with Image component.

answered Apr 01 '21 at 13:53

Birol Furkan Karadağ

29
2

This is still not answering my question :( – Jöcker Apr 01 '21 at 13:55
Maybe https://stackoverflow.com/q/37241662/14925784 answer can help you – Birol Furkan Karadağ Apr 01 '21 at 14:06

Why does require not work on react when it is past with a function?

1 Answers1