Javascript 从对象中提供的路径导入图像

这在React本机应用程序中：

我有一个嵌套在docs对象中的对象。比如：

const docs = {
  general: {
    g1:{
      title: 'Bradycardia',
      image: '../assets/pg001_main.png',
    },
    ...
    g56: {
      title: 'Chest Tube Management',
      image: '../assets/pg056_main.png',
    },
  },
  detailed: {
    d57: {
      title: 'Cardiac Arrest',
      image: '../assets/pg057_main.png',
    },
    ...
    d136: {
      title: 'blah',
      image: '../assets/pg136_main.png',
    },
  },
};

我不知道如何使用该字符串来获取以React Native显示的图像

我试过：

const algo = require(docs.general.image);

<Image source={ algo } />
<Image source={require(docs.general.image)} />

---

如何要求图像，将其粘贴到变量中，并将该变量附加到

图像

属性。这样,

const image=require（'../assets/pg001_main.png'）；
常量文档={
概述：{
标题：“心动过缓”，
形象,，
}
};

我必须手动导入136张图像，我试图通过让一个组件为我完成工作来缩短工作时间，但如果这不起作用，那么我想我是索尔。哦，我的错。我想是为了一点点哈哈，不用担心。如果这是一个有6或7张图片的小项目，毫无疑问这会很好。我很早就做了一次编辑，以澄清这是为ReactNative设计的，而不是React。

const algoStr = docs.general.image;
const algo = require(algoStr);