Bild aus Pfad in einem Objekt importieren

Question

Dies ist in einer Anwendung React-Native:

Ich habe ein Objekt in ein Dokumentobjekt verschachtelt. Etwas wie:

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

und ich kann nicht herausfinden, wie diese Zeichenfolge verwenden, um ein Bild zu erhalten, zeigt in React-Ureinwohner.

Ich habe versucht:

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

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

sowie

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

Answer 1

Wie wäre das Bild erfordert, in einer Variablen kleben und diese Variable auf die image Eigenschaft zu befestigen. Wie so,

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