Reagieren nativen Bilder Pausen mit Variablen

Question

benötigen Wie kommt diese Zeile ohne Fehler funktioniert

var gicon = species[ii].color[0] ? require('../assets/gLight.jpg') : require('../assets/nLight.png'); 

während diese Linie einen Fehler wirft?

which_light = "gLight"; 
var gicon = species[ii].color[0] ? require('../assets/' + which_light + '.jpg') : require('../assets/nLight.png'); 

Answer 1

Bildnamen werden beim Packen aufgelöst. Es gibt eine section about it in the docs. Sie können Ihr Problem lösen, indem Sie Konstanten für die Bilder definieren:

const LIGHT_G = require('../assets/gLight.jpg'); 
const LIGHT_N = require('../assets/nLight.png'); 

which_light = LIGHT_G; 
var gicon = species[ii].color[0] ? which_light : LIGHT_N; 

Sie müssen alle möglichen Bilder wie dieses referenzieren.