用本地图像处理动态图像渲染问题

Question

我想访问一个网页，下载该页面上的图像，然后在我的React UI上呈现这些图像。

访问页面后，我访问每个图像源并将图像下载到共享的public文件夹中。

每个文件在后端（Express）上这样写：

fs.writeFile("client/public/assets/" + imageName + ".png",
  await viewSource.buffer(), function (err) {
    if (err) {
      return console.log(err);
    }
})

在客户端，我正在动态渲染这样的React img元素：

  return (
    <img
      {...element.attribs}
      src={'./assets/' + imageName}
    ></img>
  )

问题是，每次将新图片文件保存到public/assets时页面都会刷新。这给我留下了空白的UI，因为保存每张图片后页面都会刷新。我该如何解决？