Javascript React：代理img src对特定文件夹/文件系统位置的引用

对于某些上下文，我尝试在React中呈现CrowdAnki JSON文件。JSON文件中的所有HTML都被格式化为存在此问题，并且所有卡片都存储为HTML字符串，我必须（有点危险）将其传递到

react contenteditable

组件，例如

是否可以对特定文件夹的所有

img src

调用进行代理？在这种特定情况下，所有图像和媒体都位于文件夹中，例如

public/deck/media/

，所有

src

属性直接引用媒体文件，例如

，用于文件

public/deck/media/media file.jpg

---

对于这个特定的实例，我认为向

package.json

添加代理不起作用，因为我仍然需要从例如

public/deck

获取json文件。否则,，有什么方法可以在渲染后更改所有的

img src

文件路径吗？

我强烈建议使用代理组件而不是操纵img元素：--这是一种非常安全的模式来操纵img源代码，而不需要太多开销。如果我能够操纵单个HTML，这似乎会非常有效JSON字符串中的元素；然而，我正在寻找一些更通用的东西，可以应用于父组件，这仍然有效吗？我已经更新了我的问题，以澄清我正在处理的难题，如果这有帮助的话。