javascript - 将图像放到页面而不使用导入语句

Question

我使用节点服务器/axios 将 svg 下载到我的 img/bodygraphs 文件夹。这个 svg 有一个唯一的名称 - userName + userFamilyname + .svg（例如 JohnSmith.svg）。接下来我想从那个文件夹中显示它，因为我必须在我的页面上使用这个 svg 的片段。问题是，我不能那样做。当我尝试使用<img src={`./img/bodygraphs/${this.state.firstName}${this.state.lastName}.svg`} />不显示图像来显示图像时。我什至用固定的文件名尝试过它，比如说<img src="http://localhost:3000/img/bodygraphs/SomenameSomefamilyname.svg" />- 仍然没有

但是当我用它导入它时import bodygraphsvg from './img/bodygraphs/SomenameSomefamiyname.svg';，<img src={bodygraphsvg} />它就像魅力一样。那么如何在不使用导入语句的情况下将此图像放到页面上，因为每个新用户的文件名都在变化？

标签： javascriptreactjssvg