Javascript 当图像名称包含空格时，如何在React中渲染图像？

我使用React引用了许多名称中有空格的（本地）图像。例如

<img src={`/images/${user.name}.jpg`} />

---

但是，React无法加载/渲染图像。图像位于

/public

文件夹中，我仔细检查了文件名/路径。我还尝试对路径使用

encodeURIComponent（）

，但也不起作用。但是，当我从图像名称中删除空白时，React能够正确渲染图像。

请使用

encodeURIComponent对文件名进行编码。

<img src={`/images/${encodeURIComponent(user.name)}.jpg`} />

我在问题中提到，我已经尝试了

encodeURIComponent

——这不起作用。哦，对不起。那么，具有非空格文件名的图像是否正常工作？