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

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, } };