title: Put image to page without using import statement
body: <p>I download an svg to my img/bodygraphs folder with node server/axios. This svg has a unique name - userName + userFamilyname + .svg (e.g. JohnSmith.svg). Next I'd like to display it from that folder as then I have to use pieces of this svg at my page. Thing is, I can't do that. When I try to display image using <code>&lt;img src={`./img/bodygraphs/${this.state.firstName}${this.state.lastName}.svg`} /&gt;</code> no image is displayed. I've even tried it with fixed filename, say <code>&lt;img src=&quot;http://localhost:3000/img/bodygraphs/SomenameSomefamilyname.svg&quot; /&gt;</code> - still nothing</p>
  <p>But when I import it with <code>import bodygraphsvg from './img/bodygraphs/SomenameSomefamiyname.svg';</code> and then <code>&lt;img src={bodygraphsvg} /&gt;</code> it works like charm. So how can I put this image to page without using the import statement as filename is changing with each new user?</p>