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

Question

这是在 React-Native 应用程序中：

我有一个嵌套在 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 algoStr = docs.general.image;
const algo = require(algoStr);

Answer 1

请求图像，将其粘贴在变量中并将该变量附加到image 属性怎么样。像这样，

const image = require('../assets/pg001_main.png'); const docs = { general: { title: 'Bradycardia', image, } };